29/10/2025
๐๐๐๐๐จ๐๐๐ฃ๐๐ฃ๐ ๐๐๐๐ฉ๐จ๐ผ๐ฅ๐ฅ ๐๐๐ง๐๐๐ฃ ( ๐๐ฎ ๐๐ ๐ฅ๐ง๐ค๐๐๐๐ฉ )
As part of my learning journey at Dev and Design, my team ( group 9) was asked to replicate a screen from any popular app.
The goal was to understand spacing, typography, alignment, and colour balance in real-world app design.
I chose WhatsApp, a free messaging app that allows people to send text messages, voice notes, photos, videos, and documents, and make calls all over the Internet.
Since it was an app I used daily, replicating its screen felt familiar and exciting.
I decided to work on the home screen, so I took a snapshot of it, used Figma to recreate the screen, focusing on details like icons, chat layout, and the status bar.
The challenge was to match WhatsAppโs clean, minimal look while keeping the structure consistent.
This task helped me improve my eye for alignment and spacing. I realized how small details like padding and typography affect usability and readability.
For me, it wasn't just about copying visuals but understanding why each design choice was made.
Iโd love to hear your thoughts. What other app interface do you think I should replicate next? ๐