UXUI Case Study - 2022, Design like this & Get job 100%

You are a newbie and you just know how to make beautiful screen designs. I guess, this assumption covers 70% of Jr. UXUI designer.

UXUI Case Study - 2022, Design like this & Get job 100%
  1. You wanted to change something in an app & so you redesigned one existing app or it’s feature and now you want to write a case study about it.(Practically it should be other way round, but I have been at your place so, Chill)

This is going to be concise, if you want to read lengthy articles read something else.

There are variety of tools you can use for making the case studies. I will use FIGMA. Parameters of case study are given below.

Color- Use the primary and secondary color from your app. Keep the background of Frame/ Artboard/ Canvas light primary color.

Heading- 48 px, Subheading- 40, Content- 20px, Exceptions- 144 or 96px

Structure- #Frame No. - What needs to be included- Container’s dimension (Width* Height)

1st frame- Hero Image of app, App name & Your name — ( 1440* 1024)px

  1. Write in bold- “UX/UI Case study” & “App name”

2nd frame- Project Overview, Your role & project duration & Your design process — ( 1440* 1024)px

  1. Mention your specific role. i.e. user research, UI designing, wireframing & prototyping.
  2. Do not write any random design process. Follow the industry standard.
  3. Be creative in showing your design process.

3rd frame- The problem statement, solution or your goals & some pictures depicting it — ( 1440* 1024)px

4th Frame- Initial survey or quantitative research — ( 1440* 1024)px. Put 70% of this frame with insights.

5th frame- Interviews or Qualitative research-( 1440* 1024)px. Put 70% of this frame with insights.

Same as the above.

6th frame- Competitive analysis-( 1440* 1024)px. Enough for 3 competitors.

  1. To show feature and weakness of all those in compact form, use Axis diagram.
  2. Write down the major gaps identified.

7th frame- Pain Points & solutions — ( 1440* 1024)px.

  1. Write the proposed design solution beside every Major Pain Points so that it feels like you actually want to solve the issue.

8th frame- User journey — ( 1440* 1024)px.

  1. From finding app to downloading, onboarding and actually using the feature, everything can be improved. Write the improvement opportunities in each step.

9th Frame- Persona — ( 1440* 1980)px. Enough for Two personas.

  1. Use Unsplash picture, but if you are writing an Indian name, please use an Indian face, not American. It feels so weird when I come across such personas.

10th frame- User flow or information architecture — ( 1440* 1024)px.

  1. No need to connect every feature to every other feature. You can write , “Feature Focused User flow”. For the feature you are trying to solve the issue.

11th frame- Rough wireframe — ( 1440* 1600)px. Can be big, since it showcases your actual problem solving skills.

  1. So it is better to have picture of sketches that are on pen and paper and not digital wireframe.
  1. Do not use Low fidelity design(jr. Designer) in your case study. Just have the pen and paper sketch and High Fidelity designs.

12th frame- High Fidelity designs— ( 1440* 8400)px. Enough for 12 screen with 360*800 px of each screen & with descriptions for them of 2 lines.

  1. Write small description with arrows if possible if you do not know how to include prototype.
  2. Also add any components like (Food card, Any new CTA or icon) that you have created.
  3. Make your designs according to what is trending.

13th frame- Typography, colors, Iconography — ( 1440* 1600)px

  1. Write the name of the color not just hex code.

14th frame- Different hero image of app — ( 1440* 1024)px

Should have all the screens subtly shown in one frame.

15th frame- Your name, contact and thanking you section— ( 1440* 700)px