CASE STUDY: APP DESIGN

Dental Clinic App

Specialized dental clinic for dental implants.​

Overview

Designing an app to access information about Bicon Mexico, the dental services it offers, prices, profiles of professional dentists, and to book dental appointments at its 2 locations, in order to meet the primary user need of quick access to detailed information, efficient management of dental appointments, and personalized user profiles from their mobile phones.

MY ROLE

UI Designer

YEAR

2020

KEY SKILLS

Visual design · Prototyping · User flow · Interaction design · typography hierarchy · UI Kit
CLIENT

Dental Clinic Bicon

The problem

Customers were facing a lack of information about the dental clinic and dentists (their schedules, availability, and specialties), as well as difficulties in making, modifying, or rescheduling appointments. This caused confusion and frustration among users, resulting in a negative experience. They needed a mobile app that could display real-time information and synchronization for appointment management.

User persona

Creating a simple User Persona has helped me keep the main needs and frustrations of the users in mind. It has also allowed me to understand their motivations and start ideating possible solutions in the visual interface of this project. Since the dental company is targeted towards a middle to upper-class audience, including age range and demographic data in this User Persona has been useful to incorporate this aspect into the design.

User Flow

Establishing the user flow has been an essential step in understanding the decisions that the user makes and, consequently, the selection of main screens to create in this project. It has allowed me to anticipate possible obstacles and make adjustments to the app design. This flow visually depicts the actions that the user needs to take to complete a specific task, in this case, booking a dental appointment, which has helped me create a clear and coherent user experience.

Low Fidelity Wireframes

Low-fidelity wireframes have allowed me to quickly ideate different design solutions. They have also helped me structure the layout of interface elements and identify usability issues in navigation, ensuring that the information architecture is coherent and intuitive.

UI Kit

Creating a design system for the Bicon mobile app project was crucial to ensure visual consistency in terms of colors, typography, icons, and user interface components used throughout the app. It also makes the app design scalable.
This project was the first iteration in creating this app, and it was essential to establish visual foundations for future improvements and implementations, allowing for the reuse of components and elements from the UI kit to save time and effort in the design process.

High Fidelity designs

It was essential for the client to visualize the app design in its most accurate version. For this reason, high-fidelity mockups were created to visually communicate the design proposal, including the use of colors, buttons, etc.
These mockups also allowed for evaluation and review of the design before implementation, helping to identify errors, particularly in terms of readability, through brief user testing to ensure logical and intuitive navigation.

Conclusion

The visual design of the Bicon dental clinic app has been a project with the primary objective of ensuring an optimal user experience. To achieve this, it was important to ensure the display of information about the clinics and professionals, as well as integration with the clinic’s appointment management system for booking and modifying appointments from mobile devices.

As part of the UX process, following a structured and user-centered approach has been crucial, keeping in mind the needs and motivations of the users. Additionally, to ensure a consistent visual style throughout the app, a simple Design System (UI Kit) has been created, which includes design elements such as colors, typography, icons, navigation elements, and UI components.

Let's work together!

Send me any inquiries, feedback, or comments about my work.