Sweet Things Website
Challenge: To rebrand or create a new brand and to create a live website through self-coding in html, CSS3, and Javascript.
UX Research
personas
case Studies Research
Wireframes
High fidelity Mockup
Brand Design
Sketch
Style Sheet
Graphics
Problems and Solutions
Animation Slideshow
Landing Page Animation Slider
Problem:
The animated slideshow was contructed through CSS3 Animation code. However, the slideshow would glitch as it would trasitions from one image to the next one.
Solution:
I converted 4 image slider into an animated gif file, made in Adobe Photoshop, adding an ease-in transitions between each image and looping it.
Before
About Page
Problem:
This page was orginally an illustrated graphic of the location, following the brand’s color theme. It was empty, and the footer was difficult to read.
Solution:
I added a paragraph introducing the brand, Sweet Things and formated the layout in a grid. The footer was filled in a dark red shade. The social media icons were enlarged and laid out side by side, insteads of stacking them on top of each other.
After
Mockups
