Features added to the webpage
An option to dispute or finance a payment plan added into the payment flow
a step by step instruction page
FAQ section which includes legal codes and procedure at the bottom
of the page for users who seek this information
A dispute center page where users can find all relevant information
needed to dispute a ticket
HOW MIGHT I KEEP THE WEBPAGE JUST AS QUICK, EASY, AND EFFICIENT AS THE APP
WHILE PROVIDING USERS WITH MORE IN-DEPTH INFORMATION AND RESOURCES?
THE SOLUTION
OVERVIEW
Translating EasyTix from mobile to web required rethinking the experience for a larger screen and more complex workflows.
The goal was to maintain the simplicity of the app while expanding features for users who needed more control and visibility.:
This was a solo project which allowed me to work through the end-to-end design
process and essentially play each role in the entire design journey
WHY DESIGN AN APP AND A WEBPAGE?
ROLE Ux Designer - Researcher
TIMELINE 3 months
RESPONSIBILITIES User Interviews, Research, Wire framing, Prototyping,
THE CHALLENGE
WHAT ARE THE BIGGEST PROBLEMS WITH THE CURRENT WEBPAGES ?
Entering payment details is a concern for some who lack trust in online
payment systems
Paying a parking ticket online often requires FULL FOCUS and time.
Users often feel anxious and annoyed WHEN NAVIGATING THESE SITES
Many parking ticket sites prioritize legal codes and policy over resources
that are the most helpful to the users
The User Challenge.
EARLY RESEARCH
IDEATION
4/5 Participants struggled to find the user account icon
All participants started the flow via the homepage "pay now" button
One participant felt the images made the design look novice
After conducting two rounds of usability studies with a second group of participants, I gathered valuable insights into
which aspects of the design were working well and where improvements could be made.
In usability studies for the EasyTix app, users reported wanting an option to use the Easytix mobile app on a regular web browser
and avoid downloading “another app.” A website also makes one-time use more convenient for users.
With this feedback, I went back to the design mockups and
enlarged the user account icon and added "Account"
Added emphasis to the navigation bar "pay now"
Made adjustments to the stock images
Before
After
Users struggled to
find the user
account with the
icon alone
The placeholder photo
originally used on the
Homepage was deemed as
"cheap-looking" by one
user
"Account" and "Search"
text labels were added to
the icons
Image replaced with
a higher quality,
product mockup
FINAL DESIGNS
WHO ARE THE USESRS AND COMPETITORS?
While opinions on the cosmetics of the design varied,
all of the participants found significant value in EasyTix.com
and reported that they would use and recommend it to friends and family.
Users reported EasyTix.com being the easiest ticket website that they’ve used.
TAKEAWAY
I placed the “Pay Now” button
at the middle of the home page because
it is the most important action we want
users to take.
I wanted the home page to look clean
overall - not overcrowded with information.
These are a couple of the paper wireframes I
drafted for the Homepage.
My number one priority was to make the start
of the payment process very bold and easy to
locate.
The Design Challenge.
The challenge designing a webpage for the EasyTix Mobile App was to keep the process just as
simple and efficient, while providing users with more helpful resources and features
given the larger screen size.
“I would definitely use the website for this app if it is equally efficient”- Research Participant
