The Beatles
(official store)
mobile app UX/UI design
be
it
The Beatles Shop is a dedicated online store offering a wide range of high-quality merchandise, including t-shirts, hats, posters, and other memorabilia.
Overview
The Beatles are one of the most iconic and influential bands in the history of music, having left a lasting impact on popular culture that still resonates today.
My role:
UX designer designing an app for The Beatles merch store from conception to delivery.
The Beatles Shop targets Beatles fans and music enthusiasts who are looking for quality merchandise and a hassle-free shopping experience.
Let
Project duration:
December 2022 to March 2023
Ob-la-di
Understanding
the user
Personas
Problem statements
User journey maps

User research
Ob-la-da
points
2
1
Trust
Limited availability of Beatles merchandise in local stores or areas
3
Concerns about the, size, quality and durability of merchandise purchased online
Pain
Time-consuming and inefficient online searches for Beatles merchandise
Time
Accessibility
A day
life
Personas
Problem statement:
Mike
Frustrations
To protect his family
To get extra money income before his final retirement
65
Police academy
Albuquerque, NM
Widower, lives alone
Security service
As a Beatles fan and head of security, Mike may feel frustrated by his limited vision and technology habits but remains dedicated to adapting and finding solutions to perform his job effectively.
Age:
Education:
Hometown:
Family:
Occupation:
Mike is a head of security in a local fast food restaurant chain. Mike has some bias toward new technologies, he is active keypad phone user and tv watcher. Despite that limited habits he has deep knowledge of latest security technologies and practice a lot. He has age-related farsightedness and needs glasses to interact with screens. He has a granddaughter and is an active buyer of children's toys and entertainment.

“I've known good criminals and bad cops”
Goals
in the
A hard
night
Kim
Frustrations
To give best service to her clients
To earn respect in the legal community
36
University
Albuquerque, NM
married
lawer
I work hard, so I deserved best services during my day off.
Not live up to the expectations of the one you love

Age:
Education:
Hometown:
Family:
Occupation:
Kim is successful high class lawyer in HHM law firm. She has good taste in clothing. Due to busy schedule Kim is active user of all hands free technologies, it helps her more efficiently communicate to clients. She is active in her career, often lunches and dines out with clients in restaurants, rarely dines at home. Prefers a formal style of dress, buys expensive suits

"Either you fit the jacket or the jacket fits you."
Goals
day's
Problem statement:
What
on
Lo - fi prototypes
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy ordering process to help users save time.
Paper wireframes
goes
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
Digital wireframes
This button provides users with an easy option to add goods
These buttons at the top of the home screen makes it fast and easy for users to search category
Come
together
Easy access to users review and ratings
simple and informative
Product card
Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was building and ordering, so the prototype could be used in a usability study.
Low-fidelity prototype
Usability study: findings
love
buy
Can't
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.
me
2
1
Our main competitors are not other bands, such as the Rolling Stones, but rather large marketplaces such as Amazon, Etsy, eBay, and Walmart
Users are accustomed to making purchases within marketplace applications
Round 1 findings
2
1
We need to identify a feature that can increase user retention and provide entertainment value beyond shopping
The checkout process has too many unnecessary steps
Round 2 findings
Paperback
writer
Refining the design
of pre-designed graphical elements, such as icons, buttons, or UI components, that can be used by designers as building blocks to create a consistent and visually cohesive user interface design. These sticker sheets are usually created as part of the overall design system to ensure consistency in the use of design elements across the product or brand.
Steeker sheet
shout
Mockups
After
Early designs allowed for some customization,
but after the usability studies, I added additional options to color quantity and size. I also revised the design to remove drop-down lists from buttons and deleted the search window from the screen.
Twist
and
The navigation menu is full of Easter eggs for true Beatles fans.
Before
fields
Chat Beat
The second usability study revealed the need to identify a feature that can increase user retention and provide entertainment value beyond shopping
The solution is an AI-powered chatbot called 'Chat Beat' which allows users to converse with any of the four members of The Beatles, providing entertainment value beyond shopping and potentially increasing user retention
Strawberry
High-fidelity prototype
forever
The final high-fidelity prototype presented cleaner user flows for purchasing process and checkout.Type R to view splash screen animation
Rustem Galeev
UX / UI designer
in
touch
get
Contact me