👂 Context

Why the page should be refined?

Finku just decided that they will launch their application publicly and as a fast-growing start-up, I was assigned to evaluate and create changes for the current app previews in play store so that we can ensure the number of conversions 😉

Untitled

Untitled

💠 Team and Role

The amazing peeps I collaborate and iterate with :

  1. Growth architect - Selvie

    → Lead the process and provide recommendations

  2. Product designer - Justina

    → Provided the UI mock up to be included

  3. Graphic designer - Rayyan

    → Utilize the recommendation

📏 Process

How did we come up with the end result :

  1. Read some best practices about characteristics of high converting app store screenshot I am putting some of my past resources and summary here.

    1. Summary :
      • Ensure consistency of the screenshots
        • Have an iconic point of focus in your image (use similar or complementing color theme and style)
      • Be aware of what can be cropped → don't place any important visual information near the image border
      • Be aware of the play button position (if using video)
      • Make the first image to be seasonal
      • Use less than 8 words in the preview images
    2. Resources : https://www.apptamin.com/blog/app-screenshots-optimization/
  2. Identifying factors that create lack of interest from the current previews

    1. Copywriting evaluation :
      1. Had several repetitive words in each of the preview page
      2. Lack of emphasizing of what kind of values that will be received by users
      3. Had a lot of text in the majority of pages
    2. Visual evaluation :
      1. Uncorrelated copywriting and the UI mock up choices
      2. Cropped UI mock up
  3. Benchmarking other players from both outside and inside financial industries

    1. Using Whimsical for benchmarking other players preview page according to the research best practice → I am collecting 7-9 examples ad the benchmark for various reasons from visual aspect like color choices, layout and positions, UI mock up choices, and also the copywriting inspiration.

    2. Defined each takeaways you perceive will be useful for your new pages Sometimes I also point out what I would like to avoid after seeing the benchmarking.

      Untitled

  4. Synthesizing final recommendations

    1. Collected and selected information from the takeaways you compiled
    2. Created a lo-fi version of the preview page, include :
      1. Layout between copy, UI and additional graphic for the each page
      2. The copy to be included
      3. Provide comments what to be highlighted in the UI mock up
      4. The arrangement of the shown page
    3. Collaborated with graphic and UI designer for finalizing the pages
  5. Receiving feedback and iterate Iterate fast by asking the designer to complete the first draft before creating additional changes.

🎊 Output