Makani
Design a responsive website for Mumbai's top Marketing Agency.
Link to the live design : https://makani.webflow.io/
Client:
Makani
Year:
2023
Duration:
6 weeks
Role and Tools:
UX Research - FigJam
UI Design - Figma
Micro Interactions : Aftereffects
Development : Webflow
Makani
Design a responsive website for Mumbai's top Marketing Agency.
Year:
2023
Duration:
6 weeks
Deliverables and Tools:
UX Research - FigJam
UI Design - Figma
Micro Interactions : Aftereffects
Development : Webflow
Target Audience
Any business or brand seeking to expand its presence and reach through effective digital marketing. This audience comprises companies and individuals aiming to build brand visibility, improve customer engagement, and grow online influence through tailored digital strategies.
Challenges faced
The client was highly specific about creating interactive elements and closely matching their preferred color schemes, aiming for a design that felt familiar yet unique. They required a design that aligned with their reference while ensuring it remained distinct and original.
Before
After
Understanding Clients Needs
The client had a clear reference site in their mind that is : wk.com
01.
Imbalanced layout
02.
More Visuals, less text
03.
Modern look
Visual Mood Board
Color Moodboard
Wireframe : 1
Imbalanced Layout
Colors
#CCDC2C
#222222
#FFFFFF
Final User Interface
Interactions for better UX
To justify the semicircle we've used in the website we create iterations for scroll animation that showcases the transformation of logo into the semicircle
Instead of crowding the design with buttons, for case studies we have a button pop up only when hovered over images. And for users to get insights about all the graphics that the company is making, there is an auto-scroll on all case-studies