Ecoscape

SERVICES:
UX Design, UI Design, App Design, Prototyping, Wireframing, UX Research

CLIENT:
UMD Graphic Design Concentration

LOCATION:
College Park, MD

YEAR:
2023

INFO:

Ecoscape is a fictional app created to meet the needs of young people who desire to be outdoors but need greater motivation in a digital world. Working with a partner, we designed an app that creates personalized challenges based on interest and accessibility.

INITIAL RESEARCH

I collaborated with a teammate to design an app addressing a real-world issue, conducting UX research through surveys, user testing, and critiques to inform UI design. Initially we explored creating an app as a VR nature experience, but pivoted based on user survey feedback sent to our target audience. We decided to develop an app encouraging outdoor app rather than replace the experience in nature.

INFORMATION ARCHITECTURE

We created an information architecture (IA) graph to map the app’s structure, showing how components and features connect. This helped us streamline navigation, improve the user journey, and ensure an intuitive, efficient design

USER FLOW

We created a user flow that maps out the user journey from the intro pages that are illustrated to explain the app into the various features offered: prize pages, social media pages, and game board.

DESIGN SYSTEMS

FINAL DESIGN

After user testing, the home page need to made more visible so an icon was placed in the middle as per our suggestions. We leaned further into the gamified aesthetic with various full and half page illustrations, and we added micro animations, such as a progress meter associated with prizes to keep the user motivated.