Site Loader

Responsive Web Design

Icon Design | Typography | Illustration | Content Creation | HTML & CSS files
Illustrator | Brackets [Text Editor]

Project Overview

Birth Control Simplified is a fictional website to help people navigate the pros and cons of different birth control methods. It focuses on the three most popular methods used by people in the United States.

Design Process

Style Tile

Before creating the website, a style tile was created to help guide the visuals. Pink, blue, and purple were chosen as the main colors for the website. Each color corresponds with a different method of birth control. Icons were created of each method. The style of the buttons was created and a pattern for the homepage was placed in the background to see how it would look. This is the style that would ultimately be implemented on the website.

In Progress

To code the pages, colored boxes were used to align everything properly. To make sure the pages were responsive, the alignment of the elements needed to be constantly checked in both versions of the layout.