Challenge

The app’s “Home” page looks like a legal document and is uninviting. Experiment by moving the sponsor logos and information to the “About” page. The layout of the “About” page should then be reorganized to make it more visually appealing.

• Once all the legal text and sponsor logos have been removed from the “Home” page, design a new logo and create an impactful “Welcome” page (to replace “Home”).

• Remove the “Check Before You Go” page and replace it with a new menu that includes the same 3 button topics
  (Route Updates, Weather, Guide Book).

• Via Eurasia’s brand typeface is Inter, which you shouldn’t change. You can, however, adjust the size and weight of the text on each page to create a better hierarchy and improve accessibility.

• Not every Frame needs a complete redesign, but they should all be improved from an accessibility standpoint. Keep a similar layout for “Routes,” “Route Detail,” or “Points of Interest” and update the brand colors to comply with accessibility best practices, for instance.

​

​

User feedback has revealed that:
 

• Navigation within the app is confusing;

• There are more screens than necessary;

• The branding and color feel dated and unsophisticated, and they don’t follow accessibility guidelines.

 

Solutions

Home: I used on-trend vector illustrations with organic shapes and modern imagery to appeal to the current user.
I chose a warm rust color instead of the previously saturated orange so that it is easier to read the text. I included deeper contrasts and larger font sizes for more accessibility. The layout is simple and balanced to help the user feel comfortable.

Routes: I found the white space between the images distracting so I removed it. I also created deeper contrasts within the text for accessibility reasons. I also took away the icons because I felt they were redundant. I placed a larger information within the header so it was more clear (this is something I continued within the other screens). I also re-saturated the photos because visually it directs the user’s eyes and unifies the design.

Route Detail: I felt using a monochromatic map would be interesting, but more user testing will need to be completed to ensure this is the best solution for the clients. 

Points of Interest: I kept the list design, re-saturated the photos for more visual appeal, and created a darker version of the icons so they create more contrast for accessibility reasons.

Menu Update: I utilized contrast for accessibility, and also added ‘next’  arrow icons to help with familiarity for the user. I included the logos from the first page because I felt the client and the sponsors should be recognized. I added a vector illustration of hikers in a similar style to this page to keep consistency and unity.

About: The about screen needed some warmth so the words “Our Story” felt more comfortable and familiar. The previous about page was very cold and didn’t seem to push the idea that the company was particularly proud of its accomplishments. I added some vector backpack illustrations in similar colors within the app to unify and make this page feel more consistent/fun.

Looking ahead: I'd like to incorporate animations, such as moving hikers, or footprints on loading pages.