RESPONSIVE DESIGN & WEB DEVELOPMENT

CHNCT

CHNCT wanted to turn their existing desktop website into a site that was compatible with tablets and mobile devices. With minimal changes to their existing site HTML I worked with their team to design and develop the solution. View CHNCT.org

Project Overview

My Role

My goal on this project was to take CHNCT’s existing website and design a mobile version which would be created only by adding additional styling and javascript to their existing codebase. This would allow their current website to adapt to any screensize while maintaining the current branding and desktop experience.

Design Tools

  • Balsamiq Wireframes
  • Adobe Photoshop

Development Tools

  • HTML5/CSS3
  • JQuery

Wireframes

High Fidelity Mockups

Preview of new site on a mobile device

Full Mobile Site Mockup