The Process
The Final Design
I began by picking up the Swiggy brand colors and typography. And studying their design system.
I figured out an optimal arrangement for all the elements while making sure it didn’t become crowded. I used three different layouts for the three types of stakeholder testimonial to avoid monotony for the user.
Finalized a wireframe
Font : Montserrat
Styles : Bold, Regular, Italic
H0 Heading
H1 Heading
H2 Heading
P0 Body
55 pxl
28 pxl
25 pxl
18 pxl
The Task
While learning to use Figma, I took upon this assignment for practice.
Assignment - Design a testimonials section for a landing page of a food delivery app - Swiggy. You have been tasked to design a testimonial section where we will have testimonials from restaurant owners, delivery partners and customers of the food delivery app. We want to show testimonials of these 3 stakeholders.
Each testimonial will contain:
- Testimonial title
- Testimonial description
- Name of the person
- Designation of the person
- Video testimonial
#FFFFFF
#F2F2F2
#FF8710
#888888
#2C2C2C
I learned how to follow an existing design style without having direct access to the design system file. This required me to closely observe and replicate the existing design elements, ensuring consistency across the website.
Thank you for taking time out to check this project; I hope you enjoyed.
