CASE STUDY
Instagram regesign


CASE STUDY
Instagram
regesign


MAIN GOAL
Main goals is to redesign of a popular social media and make it more intuitive to an ordinary user.

Also, the aim is to deal with common pain points
of Instagram users and update some function
for better usability.
STAGES
All steps can be grouped in 3 stages
UX RESEARCH
The first stage includes various user researches for a better understanding of users needs and app perspectives.
I started with Competitor analysis. I studied similar social media such as Periscope, Snapchat, Tumblr, Pinterest, Twitter.

The main idea was to highlight the realization of similar functions or adopting new interesting ones.
Then I provided users interviewing to find main problems with which users face and to listen to how they solved them.

Also, I created personas cards for a better understanding of my users' archetypes.
There are:
The working family man (29 - 40) who use instagram just to share photo.
The young women making career ( 25 - 35) who likes to discus other photo during work pause.
The owner of shop business account (27 - 40) who strugle with instagram anf try to sell with it help.
The blogger ( 22 - 35) who makes her name with her photos and videos.
The young mother( 25 - 35) who replased her social life with social media.

And I composed customers journey map which helped me to identify the most crucial changes in the app.

This steps helped me to identify the main Pain Points for the vast majority of the Instagram users:
  • Users don't like Instagram chat
  • Owners of the business account have to use another app for better work
  • Instagram is not so intuitive as supposed
  • Some function is not obvious.
CONSEPT DEVELOPMENT
Concept Development stage includes the creation of a Mind map and User flows map.
After the identification of the main Pain Points of the app, I started to look for the solutions for changing the situation for better.
Mind map helped to change the idea of functions which already exists and to create the new ones.
And also mind mapping approach helped to combine function which is successfully implemented by competitors with Instagram interfaces architecture.

After my researches, I decided to update the next functions:
  • Chat
  • Bio List
  • Preferences set
I think these parts of the application are underestimated and has huge marketing potential.
The main aim of this stage is to bring all the ideas to a design realization.
DESIGN
I chose Figma for Prototyping of wireframes and Hi-Fi mockups.

I made all the improvements to the design of existing functions and added new according to Instagram style.

For my mockups, I used Material Design system and made design align with the material guides for Android
Upgrated fuctions
Chat apdates
Preferences set
Bio for shops
CHAT
Instagram Direct lets users exchange messages with one or more people, and share posts you see in Feed and Stories as a message.

Also, Direct allows to make a video chat and make a calls.
But most users in their interview answered that they are disappointed in Instagram chat (Direct).
He is simply not so convenient like other popular mesegers.

That's why most conversation which started in Instagram are moved to other messages.

The developing chat function will help first of all ordinary users not to confuse in all conversation and messengers and for business accounts to keep all necessary conversation in one place.
My updates include further actions
- Direct bottom placed on a Feed screen and provide an easier engagement with chat.
- All necessary addition grouped under Clip icon and appear after tap
- I make a redesign of the group chat icon because a lot of users even don't know about the existence of such function
PREFERENSE SET
Panel with preferences in very useful in such social media like Twiter or Pinterest.
So I decided to promote this function in Instagram.

The user can open Preferences panel from Search panel and choose tags to follow, thems or even places to follow.

Also, there is access to all previously saved posts.
Preferences set divided on two screens with tab YOU and EDIT.

In Preferance set user alows to
  • serching for tags, plases ot topics to subscribe.
  • There is a list of popular tags and topics to follow
  • places to follow
BIO FOR BUSSINES
For the time being Instagram are allowed to place only one link to the website in profile.

So owners of business profile have to use such services as Taplin or Linktree to create a multilink.
I desided to merge Taplink with Instagram and add BIO LIST function.

I added her to the Contact Option. And owners of Bussines accont can both add Telephone, mail, plase and BIO LIST.

Function allows to add different links on websites, google forms, FB or YouTube or even add text. Also users can edit previously aded information.
BIO looks like a little langind inside instagram account.
TEMPLATE CUSTOMIZATION
For now, it is more than 1 million Instagram users and this number is still growing.

Original Instagram design is on a white background and so light because its main function is to highlight the user's photo.

But I decided to add more customization. So users change the colour of templates depending on his mood.
Instagram is a total emotional app and something that make it more fun and can engage new users is much more valuable for it
Besides, it gives users a feeling of control and will make it more convinient in the app.
I am appreciate your attention to this case study
Thank you very much and good luck.
I am Ket Ermolenko.
Wellcome to my portfolio
Made on
Tilda