Follow along and witness the development process behind getting direct access to the world's most popular superhero.

1. GetSuperNow
App Case Study
Abel Alvarez

2. The product:
We’re creating a GetSuperNow app that can grant the
general public direct access to one of our most heroic
superheroes of all time, Superman.
Superman, the general public, shareholders and
everybody involved in the making of this app will be the
people who truly benefit.
Project overview
Project duration:
June 2020 - July 2020

3. The problem:
We’ve noticed that people have not been able
to get the emergent help they need in time.
Project overview
The goal:
Our app solves that “disconnection” problem
by allowing users to instantly connect with
Superman.

4. My role:
Lead UX designer for the GetSuperNow app.
Project overview
Responsibilities:
My job is to plan, design, research, develop a
prototype, and produce app.

5. Understanding
the user
● User research
● Personas
● Problem statements
● Competitive audit
● Ideation

6. User research: summary
I conducted research insight surveys and interviews to better understand how users could benefit
from the service provided through the app, and studied their interaction with the app to ensure it
met their needs before fully releasing access to the general public.
User groups confirmed that the service fulfilled a great need that has been missing from the
marketplace. Studies also revealed that users need an easy process that they can follow that has
limited, but obvious options available to select. It was assumed that aesthetic design would have an
impact on user conversion, but our assumptions changed after conducting research.

7. Persona: Lois Lane
Problem statement:
Lois Lane is a Journalistic
Reporter who needs
specialized rescuing
because her occupation
is dangerous. She wants
a secure phone app that
can easily connect her to
Superman in case she
finds herself in a life or
death situation.

8. Persona: Lex Luthor
Problem statement:
Lex Luthor is a
businessman who needs
to be able to know
Superman’s
whereabouts any time of
the day because his
dangerous occupation
requires it. He wants a
fast and secure phone
app that can easily track
Superman.

9. Competitive audit
The goal of this audit was to
identify any missing needs
in the superhero life-saving
marketplace, determine if
getting support in a timely
manner was possible, and
testing ease of use for this
type of technology.
Click to view the full competitive audit and audit report

10. Ideation
The goal of this ideation was
to develop a user flow that is
thoughtful, coherent, and
brief based upon the
competitive audit analysis.
This paper wireframe depicts
a process that is now simple
to use and get instant
tracking status updates.

11. ● Digital wireframes
● Low-fidelity prototype
● Usability studies
Starting
the design

12. Digital wireframes
The goal throughout the
development process was
to keep the app extremely
simple to use, engaging,
and relevant.
Keep design
simple by
including only 1
call to action

13. Low-fidelity prototype
The user flow proceeds
through three to four
screens that are simple
to understand and use.
Click to view the
low-fidelity prototype

14. Usability study: parameters
Study type:
Unmoderated usability study
Location:
United States, remote
Participants:
5 participants
Length:
5-10 minutes

15. Usability study: findings
Users need more precise
and simpler options to be
available when they are
outlining the details of
their emergency.
Provide Options Make it Fun Rewards Matter
Users need positive
reinforcement to help
them get the full benefit of
using digital tools.
Users want an easy way to
share with others a
service they find valuable
and be rewarded for
getting friends to sign up.
1 2 3
We created an app for people to get immediate help from Superman in case of emergency. Through our usability study we found that
the main user wants an enjoyable experience while ordering and scheduling Superman and that it should be easy for users to complete.
We determined users could complete core tasks within the prototype of the GetSuperNow app and that it was not difficult to use.

16. ● Mockups
● High-fidelity prototype
● Accessibility
Refining
the design

17. Mockups
Early design goals were to
provide information while
also making the start process
simple. After usability studies,
it was determined that
keeping one call to action
with very limited text on the
Home screen was the best
way to go.
Before usability study After usability study

18. Mockups
Early design goals were to collect
as much information about the
emergency and provide pricing
details on the same page. After
usability studies, it was
determined that the best
approach was to replace all
menus and text fields with call to
action buttons only.
Before usability study After usability study

19. Key mockups

20. High-fidelity
prototype
The final high-fidelity
prototype encompasses all
the ease and clarity
necessary for general public
use based from usability
study testing and research.
Click to view the high-fidelity
prototype.

21. Accessibility considerations
Enabled screen readers to
detect and read text that
has been manually or
automatically selected.
Enabled magnification
and color correction or
inversion.
Enabled ability to create
Shortcut from the lock
screen for better access
when in emergency
1 2 3

22. ● Information architecture
● Responsive design
Responsive Design

23. Sitemap
This sitemap is an
organizational
structure for
GetSuperNow’s
responsive website
design that ensures
ing that the user has
a coherent
experience.

24. Responsive designs
Responsive design for
screen size variation
includes mobile, tablet, and
desktop device viewing
ability and optimization so
that the user has a positive
experience on any device
no matter what screen size.

25. ● Takeaways
● Next steps
Going forward

26. Takeaways
Impact:
As the designer of this app, I feel that it helps
people in need and in return rewards the
helper and everybody involved in the process.
What I learned:
I’ve learned that ideas are limitless and in
today's world, it’s possible to realize them
nearly instantly. In an organized and appealing
manner, a presentation can inspire an exact
prototype and full scale product.
“What a great idea for getting help no matter where you
are. I think the phone app is a one of a kind. Although
it's pretty expensive hiring Superman. It's probably worth
it in the long run.” - Charles, Menlo Park

27. Next steps
Conduct more usability
studies to reshape this
app into specific
demographics.
Conduct A/B testing. Expand product line to
include more
superheroes, tasks, and
commerce.
1 2 3

28. Thank you!
Thank you for your time reviewing my portfolio project case study for the GetSuperNow
app. We want to change the way people get saved.
Because, if there’s ever a moment where you feel like there’s no hope, or you think there
might not be any other alternatives, or no where else you can turn for help…
"Truth, Justice and
a Better Tomorrow"
… is only a few Taps away.

29. LinkedIn
Email
Breaking up the monotony.