ROMO App Experience
ROMO App is made for a non-profit organization, Refuge of Mt. Olive. This organization is dedicated in providing community outreach in San Francisco, California.
Goal: Provide users (at risk youth and unhoused individuals) with resources to get support in their local community.
App Solution: Showcasing Events, Resources, and Support Groups based on their location and needs.
Key Features:
Events
Resources
Map (showing near by resources and events)
Ability to Donate
Admin app to upload new data for the app
Timeline
June 15, 2024
ROMO Provided Sketch Idea
Approach: Transform the sketch toward a more modern and clean look of mobile application
June 22, 2024
Process
User Goal
Story Level
San Francisco locals like Thomas would find the app the most beneficial through its navigation bar meeting all their needs.
Task Flow
Action Level
.png)
Low Fidelity Prototype
June 29, 2024
Wireflow
Component Level
Login Screen Iterations
X Solid color backdrop gets boring
X Fade of two tress, not aesthetically pleasing
X Too much open space, no need of request admin
Great color contrast
w/ backdrop
Logo tree
embellishing strong
Login information​
more prominent
and clear
​
Event and Resources Iterations
X User icon is unclear, more white space between logo
X Unclear visual difference between events and resources
X Odd number containers breaks design if there are only two
Strong contrast
with each screen
Event card more
clear with date and time
Organized
resource card with filter option and toggler ​
​
ONGOING STAGE
Card Iterations
Resource
X Too much white space
around the buttons
X Unclear structuring
with buttons, easily
breaks design
X Design can easily break without padding and within the image
Without image,​
all information is well detailed
Clear color contrast
between buttons
and titles ​
​
Event
X Placement of date and time is unclear
Without image,​
all information is well detailed
Strong visual
representation of time
and date ​
​
Button Iterations
X Unclear difference between turned on and off toggle
X Unstandardized
Navigation Bar
Clear distinction
of color for turning on
and off
"All" text provides​
clarity of browsing
options and favorited
selection ​
​
X Toggle structure is
weak and color contrast
between on and off looks the same​
Easily recognizable
standardized navigation
bar​
Clear intention of
navigation with color
following brand guidelines
​
Aug 7, 2024