Hearby Mobile First
Hearby Mobile First
Updated Dec 24, 2024
Show Project Specs
Show Project Specs
Introduction
Introduction
This project pushed me into the deep end of design learning. It started with a relatively simple but important observation: our mobile experience for hearby.com, our B2C web app, wasn’t designed with on-the-go users in mind. At the same time, we were beginning to anticipate a big influx of mobile users with our partnership and growing involvement with our biggest partner, Ticketmaster.
It was up to my team of two – one of our amazing front-end engineers, Tyler, and I – to design and build a new web app experience for Hearby.com that was made with the mobile-screen user in mind.
Key Questions that defined this project:
Who are our potential mobile users? Are there personas and user groups we can use to make sure we are designing and building with them in mind?
What particular aspects of our desktop-first design are hindrances to our mobile users?
What features on our site are of most use to our mobile users? Are these features being emphasized on the mobile web app? If not, how do we make more space for them?
Speaking of space: How do we better tailor our hearby.com experience, originally built for desktop, to the smaller mobile screen? More importantly, how do we make sure we do so while maintaining accessibility?
This project pushed me into the deep end of design learning. It started with a relatively simple but important observation: our mobile experience for hearby.com, our B2C web app, wasn’t designed with on-the-go users in mind. At the same time, we were beginning to anticipate a big influx of mobile users with our partnership and growing involvement with our biggest partner, Ticketmaster.
It was up to my team of two – one of our amazing front-end engineers, Tyler, and I – to design and build a new web app experience for Hearby.com that was made with the mobile-screen user in mind.
Key Questions that defined this project:
Who are our potential mobile users? Are there personas and user groups we can use to make sure we are designing and building with them in mind?
What particular aspects of our desktop-first design are hindrances to our mobile users?
What features on our site are of most use to our mobile users? Are these features being emphasized on the mobile web app? If not, how do we make more space for them?
Speaking of space: How do we better tailor our hearby.com experience, originally built for desktop, to the smaller mobile screen? More importantly, how do we make sure we do so while maintaining accessibility?
This project pushed me into the deep end of design learning. It started with a relatively simple but important observation: our mobile experience for hearby.com, our B2C web app, wasn’t designed with on-the-go users in mind. At the same time, we were beginning to anticipate a big influx of mobile users with our partnership and growing involvement with our biggest partner, Ticketmaster.
It was up to my team of two – one of our amazing front-end engineers, Tyler, and I – to design and build a new web app experience for Hearby.com that was made with the mobile-screen user in mind.
Key Questions that defined this project:
Who are our potential mobile users? Are there personas and user groups we can use to make sure we are designing and building with them in mind?
What particular aspects of our desktop-first design are hindrances to our mobile users?
What features on our site are of most use to our mobile users? Are these features being emphasized on the mobile web app? If not, how do we make more space for them?
Speaking of space: How do we better tailor our hearby.com experience, originally built for desktop, to the smaller mobile screen? More importantly, how do we make sure we do so while maintaining accessibility?
The Goal
The Goal
To design and build a mobile-friendly web app for Hearby.com, optimizing the user experience for on-the-go users while ensuring accessibility and prioritizing key features.
To design and build a mobile-friendly web app for Hearby.com, optimizing the user experience for on-the-go users while ensuring accessibility and prioritizing key features.
Design Principles
Design Principles
Flip
"Even early on, don’t forget to involve the people that’ll actually be building the thing you’re designing. Engineers provide a unique perspective to design."
- Jenny Wenn
How to Work Effectively with Engineers
Flip
"A team of designers likes to complian about 'the business' and claim that "they just don't understand design!" This may be true, but it's also incomplete. If 'they' don't understand design, it's your job to help them understand."
- Ben Sauer
Death By Screens
Flip
"The same technology that simplifies life by providing more functions in each device also complicates life by making the device harder to learn, harder to use."
- Don Norman
The Design of Everyday Things
Flip
"Even early on, don’t forget to involve the people that’ll actually be building the thing you’re designing. Engineers provide a unique perspective to design."
- Jenny Wenn
How to Work Effectively with Engineers
Flip
"Even early on, don’t forget to involve the people that’ll actually be building the thing you’re designing. Engineers provide a unique perspective to design."
- Jenny Wenn
How to Work Effectively with Engineers
Flip
"A team of designers likes to complian about 'the business' and claim that "they just don't understand design!" This may be true, but it's also incomplete. If 'they' don't understand design, it's your job to help them understand."
- Ben Sauer
Death By Screens
Flip
"A team of designers likes to complian about 'the business' and claim that "they just don't understand design!" This may be true, but it's also incomplete. If 'they' don't understand design, it's your job to help them understand."
- Ben Sauer
Death By Screens
Flip
"The same technology that simplifies life by providing more functions in each device also complicates life by making the device harder to learn, harder to use."
- Don Norman
The Design of Everyday Things
Flip
"The same technology that simplifies life by providing more functions in each device also complicates life by making the device harder to learn, harder to use."
- Don Norman
The Design of Everyday Things
Final Designs
Final Designs
Impact
Impact
Hosted on Ticketmaster Local, serving Ticketmaster users looking for local live events in the UK
Used as collateral to attract further investors & new partners
Hosted on Ticketmaster Local, serving Ticketmaster users looking for local live events in the UK
Used as collateral to attract further investors & new partners
What's Next
What's Next
After this project, it's time to build out the MVP for user personalization on Hearby.com: My Hearby.
After this project, it's time to build out the MVP for user personalization on Hearby.com: My Hearby.
Get in Touch
Get in Touch
Interested in collaborating? Just shoot me an email or find me on LinkedIn.
Interested in collaborating? Just shoot me an email or find me on LinkedIn.
Copy my Email
Copy my Email
Copy my Email
Show Project Specs
Show Project Specs
