OVERVIEW:
The project will be to "Make it Better". The project is to find a website and improve the UI. This project is part of a course I took with BrainStation - User Interface Design. I chose the Van Luyk Greenhouses and Garden Centre in London Ontario to be my subject for this project.
CLIENT:
Design Concept Project - Van Luyk Greenhouses and Garden Centre
DESIGN TOOLS:
Sketch app., InVision, Adobe Illustrator, Photoshop, POP Testing App
Project Overview:
The Improvement:
The website I am improving is Van Luyk Garden Centre. The Problem with the site is that the user is not drawn to explore more about the garden center. The user is not drawn to shop because the shop link is hidden in the nav bar and not shown as a CTA. The current CTA is “Contact us”. The shop link brings you off the main site and onto the shop site https://shop.vanluyk.com/. This makes it hard for the user because it is 2 different feels of a site and should be the same site or at least consistent with the design/feel. The overall homepage and site need a better user and design flow. The story is not clear of what the user should do on the site and it’s a bit overwhelming with images. Part of the website is also broken which is poor user experience. The shop could be improved on with the flow and making suggestions of more things you can add to your cart. When a user is online shopping they want to see a lot of items, and once they find one item, there should be more options below to get that user to spend more. For example, on Amazon they have an "often bought" with section.
Competitive Analysis:
PERSONA:
Sketches:
Sketches Revised:
I fixed the flow of the homepage by moving the blog higher up on the page so the user can see the blog a little sooner.
Wireframes:
Moodboard:
UI STYLE GUIDE:
Style Guide:
LIVE PROTOTYPE:
LEARNING OUTCOME:
For this project, I focused on the shopping and the user flow of buying a Rubber Tree. I have made it simple and clear where the shop is on the main Nav as well as placing the CTA on the main image as a shop to gain users to shop. I have made it easy to shop and check out with simple steps involved and a confirmation page to confirm the transaction.
Mobile Layout:
