top of page

FanFindr

Sports-PNG-File-Download-Free_edited.png

What is FanFIndr?

FanFindr is a new innovative platform that allows small chain restaurants and bars to host sporting events for specific fans in their area. The platform will allow restaurant and bar owners to send notifications to users who are looking to attend specific sporting events for their respective teams.

Tools / Software

Figma, Miro

Project Type

UI / UX - Interface Design - Web Design - B2C

Challenges

Upon being hired for this role, I was informed by FanFindr founder Juliet Sonnenburg that she was looking to improve a main red route taken by users that involved its dashboard, alongside visually improving the interface while providing an intuitive, easily navigable experience. Juliet wanted a design system to send push notifications to notify users of specific sporting events while also giving a way for users to leave anonymous reviews on restaurants and bars.

Approach

Group 1037.png

Our team's approach to kick-starting this project was to first recognize why the previously designed dashboard and interface resulted in poor user metric data. Afterward, use that insight to perform some A/B testing with a few wireframes to see what users gravitated to most. Research and reiteration would be two main components in ensuring the success of the project.

b4631332-2657-44c6-83e8-7723f10791fd 1 (1).png

User Stories

Feedback from users on their pain points and wants with the previously designed dashboard alongside features involved with other various screens.

Frame 1.png

Synthesizing Data / Affinity Map

gg 1.png

Sitemap

ss 1.png

Early Sketches

Copy of 20231203_110902.jpg
20231203_112451 1.png
20231203_113504 1.png
IMG_2675 1.png
20231203_105333 1.png
20231203_112428 1.png
IMG_2674 1.png
Copy of 20231203_112451.jpg
Copy of 20231203_112505.jpg
Copy of 20231203_113542.jpg

Low-fidelity Wireframes

Group 989 1.png
Group 990 1.png
Group 991 1.png

A/B User Testing

IMG_2939.HEIC

Dashboard A

Dashboard B

User Feedback

Can you tell me the differences between the 2 navigation bars?

Participant 1: "Version A seems more standard but I like how B looks."

Participant 2: "B has a sidebar, more intuitive for mobile UI."

Participant 3: "Version A has more visual effect and Version B is very clean."

Participant 4: "A has that gradient box around the first section, B buttons are not filled in."

What is your preference, and why?

Participant 1: "I prefer A because there’s better use of space while B feels more squished and condensed. It looks like it’s too much/too busy if B is filled up with tabs though."

Participant 2: "I would choose A for desktop, elements are less cluttered and laid out, more pleasing to the eye."

Participant 3: "I prefer A because it has less white space and looks more fun."

Participant 4: "I would choose B, it’s cleaner. I don’t like the gradient for A."

Reiteration / High-Fidelity Wireframes

A new dashboard and drop-down menu to improve discoverability and navigation for a more natural and intuitive feel for all users.
MacBook Pro Mockup Front view.png
MacBook Pro Mockup Front view2.png
Push notification feature set to allow restaurant & bar owners the ability to send notifications of special sporting events to local users.
Group 1038.png
MacBook Pro Mockup Front view3.png
MacBook Pro Mockup Front view4.png
MacBook Pro Mockup Front view5.png
Anonymous review feature designed for users who want to keep their reviews hidden.

Conclusion

In conclusion, Fanfindr highlighted the importance of user-centered design principles in creating effective digital experiences. By prioritizing user needs, conducting thorough research, and iterating designs based on feedback, the project achieved its objectives of enhancing usability, delivering anonymous reviews, and allowing restaurants and bars to send push notifications to users. Our team was also successful in developing a new user-friendly intuitive dashboard for users. Continuous evaluation and refinement were essential for ensuring the long-term success and relevance of the product in meeting evolving user expectations and business goals.

  • Exit rate decresed 18%

  • Conversion rate increased 13%

  • Engagement rate increased 21%

  • Bounce rate decreased 24%

bottom of page