2. The product:
MOJO Art Gallery is a contemporary art gallery located
in a bustling metropolis. MOJO Art Gallery showcases
works from household names along with new
up-and-coming artists. MOJO Art Gallery targets working
adults that are passionate about collecting artwork.
Project overview
Project duration:
July 2022 to October 2022.
3. The problem:
People cannot physically attend and participate
in art auctions.
Project overview
The goal:
Create a simple user-friendly art auction app
for MOJO Art Gallery that allows users to view
and bid on art pieces from their personal
device.
4. My role:
Lead UX designer & UX researcher in creating
app for MOJO Art Gallery.
Project overview
Responsibilities:
User research, conducting interviews,
wireframing, low and high-fidelity prototyping,
design iterations, and ensuring accessibility.
6. User research: summary
Through the use of interviews and empathy maps I was able to understand who MOJO Art Auction
App’s users are and to design to accommodate to their needs. Through research outcomes, I
learned that a primary user group was composed of working adults passionate about collecting
are, but could not attend auctions physically.
With the research conducted, I learned that a large contributing factor for users not being able to
physically attend art auctions were busy schedules due to work or other obligations.
7. User research: pain points
Time
Working adults do not have
time to physically attend
auctions.
Accessibility
Art auction platforms lack
assistive technologies
Location
People interested in purchasing
artworks may be limited how
closely they live to the gallery
1 2 3
8. Persona: Binh
Problem statement:
Binh is a busy freelance
copywriter and a single mother
of two who needs to be able to
easily view and purchase
artwork because she is too busy
to make it to the art shows she
wishes to attend.
9. User journey map
Image of user
journey map
Through observation of
Binh’s journey map, it
became evident how
beneficial MOJO Art
Gallery’s art auction app
would be for its users.
10. ● Paper wireframes
● Digital wireframes
● Low-fidelity prototype
● Usability studies
Starting
the design
11. Paper wireframes
By drawing up the paper
wireframes, it allowed me
to effectively organize best
possible layouts for the
app. I made it a priority for
the app to maintain a clean
and simple aesthetic.
Image of paper
wireframes including
five different
versions of the same
screen and one
image of the new,
refined version
12. Digital wireframes
Through research, I learned
that clean and simple
design was much
appreciated for optimal
navigation and to avoid
user confusion.
This button is
clear in
directing its
users to the
auction right
away.
Insert first wireframe
example that
demonstrates design
thinking aligned with
user research
A short how-to
video would
demonstrate
how to
effectively use
the app.
13. Digital wireframes
Continuing on the research
findings of the importance
of a clean design, the
artwork was prioritized in
large display on top of a
simple design with it’s easy
navigation.
It was
important to
maintain clean
and simple
design to allow
the artworks
itself to be the
main focus.
Insert second
wireframe example that
demonstrates design
thinking aligned with
user research
This button
allows for quick
direction for
user to begin
action of
placing their
bid.
14. Low-fidelity prototype
Low-fidelity prototype allowed
users to be observed via usability
study by completing the main
action of placing a bid on an art
piece.
View the MOJO Art Auction
Lo-fi Prototype
15. Usability study: findings
Through the two usability studies that I conducted, a few findings stuck out to help make
decisions in the design of the art auction app. The first usability study helped my process in
taking the wireframes to mockups. The second usability study guided me in making small
tweaks to improve on the mockups.
Round 1 findings
Users want a little more variety in
design
1
Round 2 findings
Users want clean & simple design
1
Users want to feel confident their bid
is being completed
2
17. Mockups
For the home page, we
learned through usability
testing of the lo-fi prototype
that users responded well
to the simple layout of the
homepage. This helped me
stick close to the original
design.
Image of
selected
screen before
usability study
Before usability study After usability study
Image of
selected
screen after
usability study
18. Mockups
Some users had issues with
there being no page to
make sure the user was
sure that they wanted to
place their bid. I learned
this in the second usability
study and had to add a
confirmation screen to
ensure user confidence in
bidding process.
Before usability study After usability study
Image of
selected
screen before
usability study
Image of
selected
screen after
usability study
21. Accessibility considerations
Included animated
transitions that follow
accessibility standards
under the WCAG
Maintained a clean
aesthetic along with high
contrast to ensure
accessibility for the vision
impaired.
Familiar terminology was
used to avoid confusion
among users
1 2 3
23. Takeaways
Impact:
This app is consistent with MOJO Art Gallery’s
mission and aesthetic. MOJO’s reach has been
greatly and effectively increased through the
creation of this app.
One quote from peer feedback:
“Wow, I love how simple and clean this app
design looks.”
What I learned:
I learned that through the usability studies that
user confidence is crucial when creating an app
like this one. With the two usability studies, I
was able to successfully make the needed
iterations to properly meet user needs.
24. Next steps
One more usability study
will be conducted to
refine small tweaks that
may need to be made.
Along with the usability
study, more user research
will be conducted to
evaluate user patterns
within the app.
1 2
25. Let’s connect!
Thank you for your time in learning about the MOJO Art Gallery auction app! Please feel free to
contact me if you would like to see or learn more. You may find my contact info below:
E-mail: bobbytjoan@gmail.com
BobbyTjoan.UXportfolio.com