Door To Door Organics E-Commerce Website
Role: Lead Front End Developer (UI Designer/Developer)
You can go to Door To Door Organics to view the website I constantly worked on for five years.
Beyond that, below is a selection of projects I have highlighted that I worked on while at DTDO. My role in all these encompassed UI/UX design and code implementation (HTML, Sass, JQuery, and in some cases JSX).
- Update existing design to make it responsive.
- Convert to a React component.
- Update purchasing actions removing any UX barriers & encourage more purchasing.
- Design something lovely.
By analyzing existing customer's product card behavior, exposing customer pain points, and weighing business requirements, my team and I produced an informed, tested design.
The business had grown in what it offered & in ways it wanted to show customers products since the last iteration of the product card. Because of this, various departments had a seat at the table and were kept informed of the entire design process.
The new card proved immediately successfull primarily becuase the design was data driven. Sales rose on pages that utilized the new card and customers responded well to the updated ease-of-use.
- Update existing navigation layout & design to make it responsive
- Must work on old and updated pages alike
- Reduce code duplication
- Enable the customer to navigate shop departments more easily
- Provide various company departments the ability to highlight categories or incentives.
Initial research was conducted based on exisiting known customer/company pain points of navigating the website.
Three different design wireframes were initially tested on users to see which layouts performed the best.
The two leading layouts then moved to the mockup stage and were then tested to see which performed the best.
The final design was implemented, and continued to be tested long after release. These tests drove minor layout tweaks as needed.
The navigation touched many aspects of the company, namely customer service, marketing and merchandising. We worked very closely with each team to find out needs/desires and worked to incorporate those into the design.
On top of that, we made sure that no feature we implemented put extra pressure on each team to support.
Sales tremendously increased with updated navigation and new "hot spots" where identified enabling merchandising to strategically place categories in front of customers.
Customer service complaints/issues directly dealing with navigational issues dramatically decreased.
The customer experience was greatly improved on mobile devices. With the navigation being converted to on-demand panels, the user was able to focus on content and only access the navigation when they needed it.