Website Design

I learned HTML & CSS early in my career and picked up designing for web and mobile interfaces along the way from a variety of agencies, classes, colleagues, and Twitter (rip). Here is a taste of some recent work; get in touch for specific case studies.

I learned HTML & CSS early in my career and picked up designing for web and mobile interfaces along the way from a variety of agencies, classes, colleagues, and Twitter (rip). Here is a taste of some recent work; get in touch for specific case studies.

I learned HTML & CSS early in my career and picked up designing for web and mobile interfaces along the way from a variety of agencies, classes, colleagues, and Twitter (rip). Here is a taste of some recent work; get in touch for specific case studies.

CAPABILITIES

Content Strategy

Design/Wireframes

E-commerce & Fundraising

Google Analytics

SEO

User Flows

User Testing

UI/UX

Workshop Sessions

CAPABILITIES

Content Strategy

Design/Wireframes

E-commerce & Fundraising

Google Analytics

SEO

User Flows

User Testing

UI/UX

Workshop Sessions

CAPABILITIES

Content Strategy

Design/Wireframes

E-commerce & Fundraising

Google Analytics

SEO

User Flows

User Testing

UI/UX

Workshop Sessions

CAPABILITIES

Content Strategy

Design/Wireframes

E-commerce & Fundraising

Google Analytics

SEO

User Flows

User Testing

UI/UX

Workshop Sessions

TOOLS


Figma

Framer

Github

Mural

Shopify

Squarespace

WordPress

Webflow

TOOLS


Figma

Framer

Github

Mural

Shopify

Squarespace

WordPress

Webflow

TOOLS


Figma

Framer

Github

Mural

Shopify

Squarespace

WordPress

Webflow

TOOLS


Figma

Framer

Github

Mural

Shopify

Squarespace

WordPress

Webflow

PREVIOUS WEB AGENCIES


ThinkShout

Breakout Studio

Ruca Design Cooperative

Aeolidia

PREVIOUS WEB AGENCIES


ThinkShout

Breakout Studio

Ruca Design Cooperative

Aeolidia

PREVIOUS WEB AGENCIES


ThinkShout

Breakout Studio

Ruca Design Cooperative

Aeolidia


PREVIOUS WEB AGENCIES


ThinkShout

Breakout Studio

Ruca Design Cooperative

Aeolidia

  • Medix5.5 website shown on an iPhone, tablet, on a light purple background
  • Top third of Medix homepage
  • Shop pages show products in a grid with a tan background and an picture of a person with dark skin
  • Product detail page shows skincare bottle overlaid over a tan section with the product information
  • Medix5.5 website shown on an iPhone, tablet, on a light purple background
  • Top third of Medix homepage
  • Shop pages show products in a grid with a tan background and an picture of a person with dark skin
  • Product detail page shows skincare bottle overlaid over a tan section with the product information
  • Medix5.5 website shown on an iPhone, tablet, on a light purple background
  • Top third of Medix homepage
  • Shop pages show products in a grid with a tan background and an picture of a person with dark skin
  • Product detail page shows skincare bottle overlaid over a tan section with the product information
  • Medix5.5 website shown on an iPhone, tablet, on a light purple background
  • Top third of Medix homepage
  • Shop pages show products in a grid with a tan background and an picture of a person with dark skin
  • Product detail page shows skincare bottle overlaid over a tan section with the product information

MEDIX 5.5

Custom Shopify template for skincare brand, Medix 5.5. Produced in collaboration with Breakout Studio and development by Hanan Shoubaki.



PROJECT ROLE


Content Strategy

Custom Template Design

Shopify Consulting


MEDIX 5.5

Custom Shopify template for skincare brand, Medix 5.5. Produced in collaboration with Breakout Studio and developed by Hanan Shoubaki.


MEDIX 5.5

Custom Shopify template for skincare brand, Medix 5.5. Produced in collaboration with Breakout Studio and developed by Hanan Shoubaki.


MEDIX 5.5

Custom Shopify template for skincare brand, Medix 5.5. Produced in collaboration with Breakout Studio and developed by Hanan Shoubaki.


PROJECT ROLE


Content Strategy

Design & Design Direction

Shopify Consulting


PROJECT ROLE


Content Strategy

Design & Design Direction

Shopify Consulting

PROJECT ROLE

Content Strategy

Design & Design Direction

Shopify Consulting


GROW YOUR
OWN TEACHERS

GYO offers free support and additional training for teachers so young people can have role models that come from the same communities as they do.



PROJECT ROLE


Creative Direction

Squarespace Build-Out


GROW YOUR OWN TEACHERS

GYO offers free support and additional training for teachers so young people can have role models that come from the same communities as they do.


GROW YOUR OWN TEACHERS

GYO offers free support and additional training for teachers so young people can have role models that come from the same communities as they do.


GROW YOUR OWN TEACHERS

GYO offers free support and additional training for teachers so young people can have role models that come from the same communities as they do.

  • Grow Your Own Teachers website shown on a desktop computer with a light mint background
  • GYO homepage shows colored shapes, photos of teachers and students, and an illustration of a paper airplane
  • GYO illustrated icons and black and white photos of GYO participants with testimonials of their experiences
  • Detail page shows black and white photos of teachers with multi-colored rectangles, and a large pull-quote poem from a teacher
  • Grow Your Own Teachers website shown on a desktop computer with a light mint background
  • GYO homepage shows colored shapes, photos of teachers and students, and an illustration of a paper airplane
  • GYO illustrated icons and black and white photos of GYO participants with testimonials of their experiences
  • Detail page shows black and white photos of teachers with multi-colored rectangles, and a large pull-quote poem from a teacher
  • Grow Your Own Teachers website shown on a desktop computer with a light mint background
  • GYO homepage shows colored shapes, photos of teachers and students, and an illustration of a paper airplane
  • GYO illustrated icons and black and white photos of GYO participants with testimonials of their experiences
  • Detail page shows black and white photos of teachers with multi-colored rectangles, and a large pull-quote poem from a teacher
  • Grow Your Own Teachers website shown on a desktop computer with a light mint background
  • GYO homepage shows colored shapes, photos of teachers and students, and an illustration of a paper airplane
  • GYO illustrated icons and black and white photos of GYO participants with testimonials of their experiences
  • Detail page shows black and white photos of teachers with multi-colored rectangles, and a large pull-quote poem from a teacher

PROJECT ROLE


Creative Direction

Squarespace Build-Out


PROJECT ROLE


Creative Direction

Squarespace Build-Out


PROJECT ROLE

Creative Direction

Squarespace Build-Out


  • Forage Komucha website on a smartphone on a texture lime green background
  • Middle section of website, mission statement in a quirky font on a dark green background, and photos of the canned kombucha
  • Kombucha-making steps in light, mission statement, icons and floral cans of kombucha
  • Kombucha product detail page. Product details stay fixed as the product images scroll.
  • Forage Komucha website on a smartphone on a texture lime green background
  • Middle section of website, mission statement in a quirky font on a dark green background, and photos of the canned kombucha
  • Kombucha-making steps in light, mission statement, icons and floral cans of kombucha
  • Kombucha product detail page. Product details stay fixed as the product images scroll.
  • Forage Komucha website on a smartphone on a texture lime green background
  • Middle section of website, mission statement in a quirky font on a dark green background, and photos of the canned kombucha
  • Kombucha-making steps in light, mission statement, icons and floral cans of kombucha
  • Kombucha product detail page. Product details stay fixed as the product images scroll.
  • Forage Komucha website on a smartphone on a texture lime green background
  • Middle section of website, mission statement in a quirky font on a dark green background, and photos of the canned kombucha
  • Kombucha-making steps in light, mission statement, icons and floral cans of kombucha
  • Kombucha product detail page. Product details stay fixed as the product images scroll.

FORAGE KOMBUCHA

Custom Shopify template, produced in collaboration with Breakout Studio and developed by Hanan Shoubaki.


FORAGE KOMBUCHA

Custom Shopify template, produced in collaboration with Breakout Studio and developed by Hanan Shoubaki.


FORAGE KOMBUCHA

Custom Shopify template, produced in collaboration with Breakout Studio and developed by Hanan Shoubaki.


FORAGE KOMBUCHA

Custom Shopify template, produced in collaboration with Breakout Studio and developed by Hanan Shoubaki.

FORAGE KOMBUCHA

Custom Shopify template, produced in collaboration with Breakout Studio and development by Hanan Shoubaki.



PROJECT ROLE


Wholesale Consulting

Development Manager

Shopify Support


PROJECT ROLE


Wholesale Consulting

Development Manager

Shopify Support


PROJECT ROLE


Wholesale Consulting

Development Manager

Shopify Support


PROJECT ROLE

Wholesale Consulting

Development Manager

Shopify Support


FIREBIRD COMMUNITY ARTS

Offering glass blowing and ceramics, this community arts non-profit helps veterans and people affected by gun violence in Chicago.



PROJECT ROLE


Creative Direction & Design

Website Design

Email Newsletter Design


FIREBIRD COMMUNITY ARTS

Offering glass blowing and ceramics, this community arts non-profit helps veterans and people affected by gun violence in Chicago.


FIREBIRD COMMUNITY ARTS

Offering glass blowing and ceramics, this community arts non-profit helps veterans and people affected by gun violence in Chicago.


FIREBIRD COMMUNITY ARTS

Offering glass blowing and ceramics, this community arts non-profit helps veterans and people affected by gun violence in Chicago.

  • Bright red, yellow, and hot pink colors on the website. A color-tinted photo of a person doing glass-blowing.
  • Detail image of the homepage and mission statement
  • Ombre color palette introduces the organization
  • Website footer fades from purple to yellow on scroll.
  • Bright red, yellow, and hot pink colors on the website. A color-tinted photo of a person doing glass-blowing.
  • Detail image of the homepage and mission statement
  • Ombre color palette introduces the organization
  • Website footer fades from purple to yellow on scroll.
  • Bright red, yellow, and hot pink colors on the website. A color-tinted photo of a person doing glass-blowing.
  • Detail image of the homepage and mission statement
  • Ombre color palette introduces the organization
  • Website footer fades from purple to yellow on scroll.
  • Bright red, yellow, and hot pink colors on the website. A color-tinted photo of a person doing glass-blowing.
  • Detail image of the homepage and mission statement
  • Ombre color palette introduces the organization
  • Website footer fades from purple to yellow on scroll.

PROJECT ROLE


Creative Direction & Design

Website Design

Email Newsletter Design


PROJECT ROLE


Creative Direction & Design

Website Design

Email Newsletter Design


PROJECT ROLE

Creative Direction & Design

Website Design

Email Newsletter Design

© 2023 Margot Harrington Art & Design DBA Pitch Design Union. All Rights Reserved.

© 2023 Margot Harrington Art & Design DBA Pitch Design Union. All Rights Reserved.

© 2023 Margot Harrington Art & Design DBA Pitch Design Union. All Rights Reserved.

© 2023 Margot Harrington Art & Design DBA Pitch Design Union. All Rights Reserved.