INSTAGRAM APP
REDESIGN
UX/UI Case Study | B2C Digital | 2020
Overview
By redesigning a mobile app that I use daily and enjoy, I aim to enhance my creative digital product design skills.
​
What, Why & How.
​For this exercise, I chose to redesign the Instagram app. As a popular platform used by millions and a daily user myself, I admire its strong visual identity and product development approach. Instagram is well-designed, with a highly engaged design team that constantly tests and iterates. Despite loving its current design, I noticed some small features that were unclear and likely underutilized. This case study provides a valuable opportunity for me to explore the design thinking behind the app in greater depth.
Duration: 1 week
Tools: Figma, AI
Role: UX & UI Designer
Design proposals
Experience #1 _Home Page
âž‹
➌
➊
Current Home Page
Change the original camera icon to the Instagram icon to strengthen brand identification
Enlarge the 'Add' icon to add your story
Show the number of likes
.png)
Change to a more recognizable icon design
Remove the 'Save' feature on the post image.
Redesign the navigation bar Keep current contents
Add text input bar
Move time status to top left
Enlarge the 'Add' icon to add your story
New Home Page
Experience #2 _Message Inbox
âž‹
➊
Current Message Inbox
Clarify the title meaning
Simplify the 'Create Group' feature. Combine 'Group Chat' & 'Group Video' features together into '+'
Change the original camera icon to the Instagram icon to strengthen brand identification
New Message Inbox
Experience #3 _Explore Mode
➊
Current Explore Mode
Customize the explore and discover mode
Redesign image container and layout
New Explore Mode
Experience #4 _Activity Notification
➊
âž‹
Current Activity Notification
Make the activity board clear and easy to read
Distinguish between 'Following' and 'Follow' feature
New Activity Notification
Experience #5 _Account Page
➊
Redesign profile board to make it more visible for users
Current Account Page
Make it convenient for users to go to chat board.
New Account Page
➊
Current Posts Page
New post comments and likes status board
New Posts Page
Hi-Fi Mockups
