Foolsball allows you to find and book foosball spaces anywhere. This presentation illustrates the design process for an intuitive interface and optimal user experience.

Path to the result

Path to the result

Goals

Facilitate the organization of matches and tournaments for soccer enthusiasts.

Strategy

Create a simple and appealing interface to enhance app usage.

Design

Develop a user-friendly design with soccer-themed visual elements.

Engagement

Create a platform where users feel like part of a team.

Inside the process

Inside the process

Conquer levels by overcoming new challenges

Conquer levels by overcoming new challenges

The app offers intuitive navigation with a personalized hero, interactive map, and advanced filters to find venues. Detailed cards facilitate bookings, while tournaments and challenges engage the community.

L'app offre una navigazione intuitiva con una hero personalizzata, mappa interattiva e filtri avanzati per trovare locali. Card dettagliate facilitano le prenotazioni, e tornei e sfide coinvolgono la community.

HOME

The screen welcomes the user with a personalized message, an invitation to find the best venues, and a button for quick map search.

The screen welcomes the user with a personalized message, an invitation to find the best venues, and a button for quick map search.

SEARCH MAP

A search field with advanced filters allows for targeted and personalized discovery of foosball venues.

A search field with advanced filters allows for targeted and personalized discovery of foosball venues.

Quick access to information

The venue card for “Bar Brio” is highlighted and contains all the main info.

The venue card for “Bar Brio” is highlighted and contains all the main info.

CARD

The cards are designed to provide all essential information at a glance: venue name, rating, distance, availability, and action buttons (book or save).

IMAGES

Each card includes an image of the venue, enhancing visual appeal and providing a preview of the environment.

CALL TO ACTION

The "Book" and "Save" buttons are in a bright green, ensuring high visibility and encouraging interaction.

The "Book" and "Save" buttons are in a bright green, ensuring high visibility and encouraging interaction.

Facilitated Interaction

Facilitated Interaction

The Foolsball cards are designed to provide a clear and engaging user experience. Each card is structured to deliver all essential information at a glance.

INFO

This design allows for smooth navigation and simplifies the decision-making process, enhancing user efficiency and overall satisfaction.

This design allows for smooth navigation and simplifies the decision-making process, enhancing user efficiency and overall satisfaction.

IMAGES

The visual image of the venue, placed at the top, adds visual appeal, offering a preview of the environment and improving engagement.

The visual image of the venue, placed at the top, adds visual appeal, offering a preview of the environment and improving engagement.

CALL TO ACTION

The action buttons "Book" and "Save" are designed in bright green to ensure high visibility, guiding the user to take quick and intuitive actions.

The action buttons "Book" and "Save" are designed in bright green to ensure high visibility, guiding the user to take quick and intuitive actions.

Stampo

Stampo

Next project

Next project

  • Let's build together

Drop me

a message

Linkedin

Behance

Instagram

  • Let's build together

Drop me

a message

Linkedin

Behance

Instagram

  • Let's build together

Drop me

a message

Linkedin

Behance

Instagram

Back to top

Create a free website with Framer, the website builder loved by startups, designers and agencies.