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
