Leafy
Leafy
Embedded Files
Website Development
What is Leafy?
Leafy is an online plant supply store that now features more inviting and interactive design.
Goals
Design the logo, brand identity and website so that it is interactive and accessible.
The Process
The Process
I started off by designing the logo, establishing brand elements such as color palette and typefaces and then I moved onto wireframes for the layout of the webpages at all sizes. After this, it was time to design the webpages and prototype them in Adobe XD.
Logo Design:
Logo Design:
I wanted the logo to feel organic and match with the product that is being sold so the brand feels consistent.
Branding
Branding
While designing the logo, I was also developing the overall brand of Leafy. My style goals with leafy are to create a fresh and bright feel to the branding and website to mimic the product that is being sold. I represented this within the color palette, logo and other design elements that are consistent among the entire website.
Color Palette
Color Palette
Typography
Typography
To map out my overall website flow, I started off with a sitemap.
To map out my overall website flow, I started off with a sitemap.
After mapping out the overall website, it was time to build the designs with wireframes.
After mapping out the overall website, it was time to build the designs with wireframes.
I wanted to focus in on the checkout process so that I could improve learnability and ensure that there was consistency while using the website.
I wanted to focus in on the checkout process so that I could improve learnability and ensure that there was consistency while using the website.
View the full website here
View the full website here
Page updated
Google Sites
Report abuse