MINOR
SUCCULENT SHOP
WEBSITE DESIGN
SACE NO.
#226006E
CONCEPT
DEVELOPMENT
HOME PAGE
For my homepage i began with placing my menu at the bottom on the page to create a different layout.
I decided that it wasn't practical so i moved it to the top of the screen as it is easier for viewers to navigate. I then changed the design with the lines on the top and bottom as it looked organised.
After the first section i added a grid that featured the Instagram posts from the account that i created. At the bottom i added a button that once its clicked, the viewer is taken to a new tab which is the Instagram page.
STORE
To create the 'Shop Page' Wix includes a feature on their website which sets up all the pages you need when purchasing items. I added the images, names of the plants and prices manually. Once i finished this the Wix website automatically created a grid.
Here i created an 'Add to Cart' button as it was missing once the plant was clicked on to be viewed.
For my homepage i began with placing my menu at the bottom on the page to create a different layout.
CARE GUIDE
Since my website focuses a lot on live and real images, i decided to include my own illustrations using Adobe Illustrator.
For all three designs i used the pen tool to outline three images including a water tap with a drop to represent the water section for the care guide and how much a succulent requires.
​
The next illustration was a bag of soil. This represents the type of soil that is required for succulents. This was places at the Soil header on the care guide page.
​
My third and final Illustration was a sun and a cloud to represent that succulents either require some sun and some shade.
Here i placed each design next to the appropriate header. After that i added the information onto the page. I ensured that the information was straight to the point and easy to read as i referred back to my investigating.
ABOUT PAGE
