The backend of our website is much easier to use now and we’ve had 300 new newsletter subscribers in less than a month! Marina was very professional and clearly cared about the project she was working on.
~ Zoe Lambert, Sales & Marketing Manager
About the Project
Lazarus Naturals is a Seattle-based CBD company. As their online sales were rapidly increasing, they decided it was time to clean up the aesthetic of their website and improve its speed and performance.
Creating the Website
Restructuring the Website
To kick-off the Lazarus website redesign, I dove into the site’s content structure. I reorganized the menus and other information in the site’s header and footer to allow for visitors to navigate the site more intuitively.
I simplified the header navigation from two rows plus the cart to a single row plus the cart, cutting the number of menu items almost in half.
I simplified the footer menu by grouping the items more clearly and separating the newsletter sign-up onto its own line so it would also become more prominent.
Putting the Outline in Place
With the simplified website navigation in place, I created a wireframe of the site to communicate with Lazarus about how to best layout the site’s content.
Above I’ve included two of the pages that I created as wireframes, the About Us page and the CBD Info page.
Expanding the Visual Identity
Though Lazarus had a brand guide as a starting point, we ended up expanding it to add complexity as well as to accommodate a secondary typeface. This opportunity also allowed us to explore image styles.
Using Lazarus’s existing style guide, I created a new style board to incorporate imagery that fit with the company’s visual identity, honing it further before the website build.
After exploring a number of options for the secondary typeface to use across the website, we chose Lora, which was paired with their existing choice of Helvetica.
Mocking Up the Website
Through a few rounds of revisions, we created a final mockup before I began developing the website. The aesthetic aims to convey a sense of trustworthiness as well as friendliness and approachability.
Developing the WordPress Site
To build the new Lazarus site, I used a Genesis child theme in combination with Advanced Custom Fields Pro—much of my work involved creating new hooks and filters in PHP. When the time came to launch the website, it was also important to do so swiftly. Due to the high volume of hourly sales, it was crucial that all e-commerce data was transferred smoothly.
After the website launch, Lazarus saw a boost in newsletter sign-ups. The marketing team also found maintaining the website to be much easier than it had been before.