MOBBIN - DESIGN REFERENCE LIBRARY

UI DESIGN  | THE ART OF XYZ  — STUDENT PROJECT BY XCCELERATE

To further practice Figma, I took the initiative to redesign XYZ’s app home page. From a frequent user of the app, I have encountered a lot of frustrations when using it.

  • Loading the page takes a while. I assume its probably because of the High Resolution images that they are using and 4k video that is within the app.

  • Their Login user flow also takes a lot of steps for clients to log in.

  • The buttons are repetitive so it limits users to go necessary pages.

To improve:

  • Adding more of a personal touch.

  • Make pages that users frequently need more obvious in the home page.

  • Stick with brand guideline.

RESEARCH — COMPETITOR ANALYSIS

Looking through fitness apps:

  • They welcome client to the page.

  • Easy access to schedule.

  • Hero Banner where clients could see promotions every month or Current Happenings.

BUILD DESIGN COMPONENTS

Following through their social media page and website its very clear that their main colors are obvious. I found similar icons in the internet to also replicate how their icons are designed to create a coherent and similar branding as XYZ.