Makeover for Home Page & Login

Goal: To responsively redesign the home page, log in, and navigation of the Second Step product website to prepare it for marketing and e-commerce. 

Feedback
"WOW! Just took a quick tour and the site is AMAZING! ...Congratulations to the team who pulled this off!" 

-Tonje M., M.Ed., Senior Program Developer, Committee for Children

Final comp for the home page.  This was the first addition of marketing to our Second Step home page. I utilized a hero banner, client testimonials, and marketing articles to highlight the product. The project required additional navigati

Final comp for the home page. This was the first addition of marketing to our Second Step home page. I utilized a hero banner, client testimonials, and marketing articles to highlight the product. The project required additional navigation design, while retaining a clear pathway for our traditional users.

 

Mobile comps, left to right: 1) Anonymous view 2) Log-in overlay 3) Search view. 4) Tablet comp, logged-in view. Designed and comped responsive layouts for several screen sizes, from extra small (320 px) on up to larger desktop screens (160

Mobile comps, left to right: 1) Anonymous view 2) Log-in overlay 3) Search view. 4) Tablet comp, logged-in view. Designed and comped responsive layouts for several screen sizes, from extra small (320 px) on up to larger desktop screens (1600+ px). I worked with Product Owner to create a more user-friendly log in, search and navigation for mobile users.

 

Early drafts (left & center), tech specs (right). Developed layout and style ideas based on conversations with Product Owner and Marketing Manager. As project finalized, created a Google Doc with all technical requirements for our offshore dev

Early drafts (left & center), tech specs (right). Developed layout and style ideas based on conversations with Product Owner and Marketing Manager. As project finalized, created a Google Doc with all technical requirements for our offshore development team.