AJ
Archive
Anthony Jasper
Designer, Frontend Developer
Paint.net
Shea-Me was my first ever attempt at doing any sort of web design with no prior experience going into it. I used a lot of inspiration from other websites and did an extensive amount of research on what to include in an ecommerce website. The website's purpose is to sell scented shea body butters through their online shop.
15
Development - Days
6
Design Patterns
25
Expected Users - Month
1095
Live - Days
There was no real plan on using colours to draw a user's focus or to create a contrast between different elements. I used colours to make the website "colourful" and look good, to make the site not so boring to surf. For example, for the product pages I used the colours of the physical products and applied that as a gradient to the backgrounds so it would match the image. This was later removed due to it being too much for the page and took away the focus from the important information.
The typography used is just as chaotic as the colours used. One font was used throughout the website, however different styles, weights and sizes were used in multiple areas. I would say, the positioning and readability of the text is good and if the user put a little effort into ignoring the colours they could certainly find what they are after easily.
A live messenger chat was used on the site, so people could get a quick response from the owner of the business since they were always travelling. A fixed bubble was used that would follow the users scrolling on all pages, allowing the users to familarise themselves with its positioning if they ever needed it.
Other Design Patterns:
- Home Link
- Shopping Cart
- Product Page
- Pagination
- Cards
