UI Showcases //
Figma prototype challenges
Network monitoring dashboard redesign
>> Before
After >>
Dashboard solution with better accessibility
>> Before
After >>
Pet shop online store
Through a design challenge for selling pet food and accessories online, I decided to put to test my knowledge of flat design with simple illustrations and micro-interactions.
Micro-interactions serve a single purpose they make the experience more engaging by providing more visual feedback.
Keywords: Flat design- Micro-interactions- Linear Illustrations- Components and smart animate
Supermarket Retail Experience
The retail experience for groceries shopping can be interpreted and redesigned on multiple touchpoints to disclose the consequences and effects of the product they’re buying.
Constraints
Here I created a background grid and then added typography sitting in five grids, and then I played with an illustration - a little monster- sitting across six columns. For the mouth, some are set left, some right, and the middle part is set left and right. I set the eyes to center, so if I resize the frame, you can see this can look different on a different screen.