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.

  • BigCommerce
  • UX Research
  • Competitve Analysis
  • Wireframing
  • HTML & CSS Designs
  • Design System
  • Figma


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