Manchester based flower store that sells a range of plants, bulbs, shrubs, gardening products, tools, and accessories. I was designing in CSS & HTML so was providing high fidelity, responsive prototypes and a digital styleguide.
Team
I was the sole designer on the project. In the team, we had the head of CX who helped run the discovery sessions. I worked closely with the Tech Lead around requirements and what was possible.
Phase 1 – Discovery
We ran a remote discovery session to get to understand the business and the brief. We added all our notes to Mural and created a design brief off the back of it outlining what pages were needed and what each possible scenario there might be.
Phase 2 – Competitive benchmarking & analysis
Using a list of competitors collated from the discovery session, I was able to look at parts of site that were identified as areas of improvement such as mega menu, mobile menu and the product page.
Phase 3 – Wireframing
Looking at the current site and areas where we identified as key design journeys, I put together wireframes for all the relevant pages in Invision Freehand.
Phase 4 – Styleguide and components
The site was going to be designed using CSS & HTML wth interactive prototypes and as part of the design phase, a digital style guide is created which feeds into the designed pages. Sections include typography, colours, form styling, tables, icons and components.
Phase 5 – Designs
All designs were built in CSS and HTML which can be viewed here. Here is a selection of pages that were provided. Designs can be found here
