ui/ux/web/mobile
CROCUS
back to projects
crocus
the online garden centre
WEBSITE REDESIGN
Crocus is an online plant distributor and garden centre based in the UK.
Founded in the year 2000, Crocus recieves over 1 million vistors each month on average, placing them in the top 2000 sites in the UK and one of the most popular online garden centres.
With all this internet traffic, you would think Crocus would have made their customer facing website as user friendly as possible, alongside a nice design to make customers feel welcome when visiting and convincing them to buy their product.
PROJECT
This project was a redesign of Crocus’ homepage, product listing page, product page and mobile app mockup.
Founded in the year 2000, Crocus recieves over 1 million vistors each month on average, placing them in the top 2000 sites in the UK and one of the most popular online garden centres.
With all this internet traffic, you would think Crocus would have made their customer facing website as user friendly as possible, alongside a nice design to make customers feel welcome when visiting and convincing them to buy their product.
PROJECT
This project was a redesign of Crocus’ homepage, product listing page, product page and mobile app mockup.
INDUSTRY
E-commerce.
SKILLS
UX
UI
Web Design
Prototyping
Wireframing
Mobile App Design
Design Research
Graphic Design
Branding
PROGRAMMES
Figma
Adobe XD
Adobe Photoshop
E-commerce.
SKILLS
UX
UI
Web Design
Prototyping
Wireframing
Mobile App Design
Design Research
Graphic Design
Branding
PROGRAMMES
Figma
Adobe XD
Adobe Photoshop
Aa
Kiona
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
Aa
Lato
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
Title
Article Title
Lead
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad.
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad.
Button
Forest Green
primary colour
#3F6F35
R 63
G 111
B 53
R 63
G 111
B 53
Mid Green
secondary colour
#7CB64F
R 124
G 182
B 79
R 124
G 182
B 79
Coral Green
primary colour
#EBFFEA
R 235
G 255
B 234
R 235
G 255
B 234
Black
secondary colour
#000000
R 0
G 0
B 0
R 0
G 0
B 0
White
primary colour
#ffffff
R 255
G 255
B 255
R 255
G 255
B 255
PROCESS
Inspiration, Wireframes & Sketches
The first step in my process is always to to look around at the competition and the current solutions so I looked for some other garden centre ecommerce sites based in the UK and on design sites such as dribble and created a mood board on Figma.
I then drew up some rough sketches for the layout which I transferred to the Figma sketchpad in preperation for my lo-fi wireframe.
The sketches were then drawn up in Figma as a lo-fi wireframe so the next step was to create a Style Tile which started by finding a pairing of fonts for my headings and body text, then creating a new colour scheme consisting of greens and whites due to the nature of the company, and finally designing some buttons to be used on the final design.
I also decided to redesign a more modern logo to go with the new look.
I also decided to redesign a more modern logo to go with the new look.
.png)
Incorporating the newly designed styles, I copy the wireframe and develop it into a high fidelity design including all the assets and copy I've acquired to end up with a finished product along with a responsive mobile design.
.png)
.png)
.png)
.png)
