WorkEdenAbout
PROJECT OVERVIEW

Smeg is renowned for its well-crafted website and user-friendly interface. 
However, their recent microsite for a new coffee machine calls for improvements in both information arrangement and user engagement.

This redesign project aims to preserve the website's character while enhancing user interaction. I've transformed existing images into interactive elements for an enticing hero section and introduced captivating visuals to entice and engage customers further.

Team
Individual
Duration
6weeks
Role
UX/UI Development
Prototyping
Research
Tools
Figma
Notion

1. Current website analysis

2. Grid system
Desktop : 1920px
Columns : 12
Margin : 360
Gutter : 20
Tablet : 768px
Columns : 8
Margin : 24
Gutter : 16
Mobile : 390px
Columns : 5
Margin : 16
Gutter : 20

3. Fonts and Colors

Typography
Poppins / bold / 28
Poppins / bold / 24
Poppins / bold / 20
Poppins / bold / 16
Poppins / bold  / 12
Poppins / medium / 36
Poppins / medium / 24
Poppins / medium / 20
Poppins / medium / 16
Poppins / medium/ 12
Poppins / regular / 20
Poppins/ regular / 18
Poppins / regular / 16
Colors
#E5F1F3
#CCCCCC
#333333
#212121
“How might we improve the microsite to better promote the newly showcased product?”

5. Prototype

Desktop
Mobile

MORE WORKS