Overview: After designing Dizzy Lizzie’s Farm visual identity, the next step in making her new brand not only look good but stand out from other’s was to design a custom
e-commerce website. This new user-friendly website allows customers to have a hassle free time not only navigating the website but also buying directly online.
This new site allows for hundreds of products to be viewed and bought and serves as an informational and engaging website.
Tools: Adobe Photoshop, Figma, Shopify, Wordpress
Mobile First Design
The best practice for UI is to design websites prioritizing smaller screens. Mobile design is also the hardest. Designing for smaller screens and incorporating the most essential features makes expanding the design for other devices much easier. Doing so ensures the design is focused around the UX of the website.
This was important for the design of the Dizzy Lizzie website since we are driving traffic to the website that encourages them to order online. With the customer in mind, I had to make sure the ordering process was easy, convenient, and appealing to ensure there were not any roadblocks that would prevent a customer from placing their order.
Website Design
The new visual identity introduced prioritizes a very clean aesthetic. This is shown throughout the site in how the color scheme, imagery, and typography is utilized. All of the colors and typography used is also ADA compliant and optimized for speed..
The informational side of the website features sections where a user can feel connected the the brand. This includes a recipe section featuring some of the store’s products, a blog section, a gallery, and even a virtual farm tour via drone footage.
E-commerce Website Design
The e-commerce aspect of this website was designed with the Shopify framework in mind.
While this did introduce some creative limitations from a design aspect it was a great learning experience to work around obstacles and learn
how comprehensive Shopify can be.
I also was able to learn the Shopify content management system and gain experience in inputing products and how the system categorizes products. I was able to learn how to utilize and customize the Shopify framework and management system to it’s full extent.
Walkthrough
This website walkthrough shows the functionality of the website and the relationship between the information website and the integrated Shopify
e-commerce website.