Amazing Grace Super Naturals needed a new website with an updated visual design, improved user experience, and a backend system that would make it easier to manage content and updates.
In the initial discovery phase (which included project calls, design analysis, a website audit, and meetings), we identified several problems, defined our goals and set the scope for project. Improving the user experience was the highest priority. We set out to do this by addressing design problems, the checkout experience, and making sure the website was responsive and better optimized for mobile.
Images below show original website homepage and shop.
Above: sketches exploring shop design and related pages
Sketches and wireframes were created with pen and paper and in Figma to help with initial content planning and site structure, including categorization for products within the shop. Because the new site would be branded under the parent company, we spent some time on branding — exploring options for color, type, and imagery.
The updated design simplified the main navigation, established a consistent header and footer, and allowed for a branded and easier to understand checkout experience.
Below: images from design @ launch
