Responsive Web Design

Medical Matching Service

Project Goals

Rebrand the existing web presence to be responsive and enable CMS capabilities to update content easily without extensive knowledge of code.

Challenges

  • Client wanted to maintain existing color scheme
  • Must consider that content will vary in length for candidate and job postings
  • CMS platform must be simple for users with no code knowledge
  • Website must be responsive

Hypothesis

Using a CMS such as Wordpress and building a custom theme for the client will enable them to easily update their content and keep their site refreshed. Visitors of the site will find value in the updated content and refer more visitors, in turn adding more revenue by way of targeted marketing and advertising.

Lo-Fi Wireframes

Color Palette

Primary#6f7425
Secondary#464810
Neutral#b2aa8c
Accent#efb877
Text#595959
Heading#303309
Light#ffffff
Color Distribution

Typography

Font Family Bona Nova

Aa Bb Cc DD Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Xx Yy Zz 1234567890
Aa Bb Cc DD Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Xx Yy Zz 1234567890

Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus officiis enim dolorem saepe molestias voluptates voluptatem ullam nihil deleniti in.

Hi-Fi Wireframes

Click on thumbnail to view larger image.

Prototype