Mommybites - Website Redesign

Mommybites is a parenting community for resources, support and education. It offers webinars, articles, a nanny board, a job board, various events, as well as reviews of products for babies and moms. Its target audience are moms of young children from the NY area and national. (add 1-2 more lines about Mommybites).

The Problems:

• There were not many new subscribers to the email newsletter. The method to subscribe was too complicated, comprising 2 steps: first, the website visitor needed to click on the “subscribe” button, which then opened a new window with a form where they could fill in their information and contact details.

• The navigation bar had a coding error, causing it to cover the logo and the search bar while scrolling down the page.

• The product reviews page contained lacked a visual representation and contained only text in blog form.

The Solutions:

• Adding a slim newsletter registration form right in the website header, with a design that stand out from the rest of the page, simplifying the registration process to one step only. Adding a responsive pop-up offering a free product, as additional incentive to sign up.

• Fixing the coding error to move the navigation below the logo and adding the search bar below the logo.

• Redesigning the newsletter registration landing page, for people who land on the website from other emails or ads.

• Redesigning the product reviews page, adding an image that shows at first glance what the page is about.

The Challenges:

• Convincing the project owner to use a modern color gradient that stands out for the registration form, as opposed to colors similar to the site color scheme.

• Adjusting the message and design of the pop-up to fit on both larger screens and mobile phone screens.

• Responsive design coding and testing on different devices and browsers

My role: UX | UI Design | Web Development

• I created Photoshop mock-ups of the registration form and pop-ups. After approval, I coded them with HTML , CSS and media queries on a Wordpress production site via Dreamweaver, tested them on multiple devices and browsers, then worked together with a web developer who transferred the code to the live website.

• I created the page image headers in Photoshop for the email registration landing page and product reviews page.

Project duration: 1 week

Custom Code >