Kompass

Mobile App

In an era where convenience is king, the Kompass app stands out as a beacon for streamlined service bookings. Crafted by the visionary team at FBN Qube, a Serbian-based startup, Kompass serves a dual purpose: it allows users to effortlessly schedule appointments for a variety of services while enabling businesses to manage their bookings with unprecedented ease.

Introduction

In an era where convenience is king, the Kompass app stands out as a beacon for streamlined service bookings. Crafted by the visionary team at FBN Qube, a Serbian-based startup, Kompass serves a dual purpose: it allows users to effortlessly schedule appointments for a variety of services while enabling businesses to manage their bookings with unprecedented ease.


The Challenge

The core challenge was to develop an interface that simplified the booking experience across a multitude of service categories for two distinct user groups: service seekers and service providers. The goal was to deliver a product that balanced simplicity with the comprehensive features needed for a wide range of services.


Stakeholder Collaboration

The design journey commenced with in-depth stakeholder meetings to align the app's vision with the company's business goals. These sessions helped in demystifying the expectations and set the stage for the app's design path.

User Experience Design

Service Discovery and Booking Flow

The 'Find Service Flow' was meticulously designed to reduce complexity and cognitive load for the user. This involved creating a seamless journey from category selection to final booking confirmation, taking cues from existing, well-established booking systems to ensure user familiarity.


Business Onboarding

A user-friendly interface was created for businesses to set up their profiles. The flow was strategically developed to guide business owners through the necessary steps, from inputting basic information to adding detailed service lists, without overwhelming them.


Design Execution

Wireframe Development

The wireframes were intentionally designed with minimalistic aesthetics, using a strategic color palette to define interactive elements, such as buttons and links. This helped stakeholders focus on functionality and user flow rather than get distracted by design details.


User Journey Wireframe: From Category Selection to Detailed Business View in the Kompass App

Service Discovery and Booking Flow


The essence of the Kompass app lies in its ability to streamline the search and booking of services. The design has been refined to ensure users can swiftly locate their desired service and book appointments with minimal effort. The navigation adopts the familiar Google Maps interface, leveraging a widely recognized navigational design to enhance user comfort and efficiency.


Business Profile Configuration Process

The app facilitates a seamless setup of business profiles, allowing owners to quickly create, authenticate, and manage their presence within the platform.


Step-by-Step Business Profile Creation Flow in Kompass: From Basic Information Input to Service Listing and Image Uploads

Business Profile Modification

Once a business profile is approved, users have the flexibility to effortlessly update and alter any details as needed.


Business Profile Customization Interface: Detailing Information, Uploading Images, and Managing Service Listings in Kompass

Iconography


Icons were crafted with a focus on user recognition. Despite the temptation to strive for uniqueness, the priority was to ensure that these visual aids were instantly understandable, aiding in navigation and selection across the app's various services.
Comprehensive Service Category Icons Representing the Diverse Booking Options Available on the Kompass App

Brand Identity


Corporate Memphis is a term used to describe a flat, geometric art style, widely used in Big Tech illustrations in the late 2010s and early 2020s.

- Wikipedia


Logo Design

The logo's unconventional downward-pointing arrow, as selected by the stakeholders, injects a unique element into the brand's visual identity. This choice defies the standard symbolism of upward growth but may carry specific connotations for the brand or its audience.


Exploration of Kompass Logo Variations: Iterative Design Process Showcasing Different Creative Directions

Brand Consistency


Digital Presence

The app's digital presence, particularly the landing page, echoes the app's design principles. It utilizes consistent branding elements, such as color schemes and typography, to create a cohesive user experience from web to mobile.
Kompass Landing Page: Effortless Booking at Your Fingertips, Showcased on a User-Friendly Platform with Direct Download Links for Immediate App Access
Kompass Website Illustration: A Visual Guide to the Three-Step Booking Process - Selecting a Service, Sending a Request, and Receiving Confirmation

Outcomes and Learnings


The Kompass app has carved out a niche in the digital booking space, demonstrating the power of user-centric design coupled with solid business acumen. The app's success underlines the importance of intuitive design in engaging users and streamlining their experiences.

Similar Projects