Doctu

Branding - UX/UI - Web - Mobile

Doctu

What we did

Scope the project

Naming & Branding

Naming & Branding

UX/UI Process

UX/UI Process

Frontend Backend

Backend & Frontend

iOS Android

iOS & Android Development

About

Client

Doctu

Doctu is a mobile health startup that focuses on transforming healthcare delivery. The ground breaking experience offered through their mobile app connects patients with healthcare professionals, creating a fast, accessible, and high quality virtual care when and where they need it. Our mission is to help them make it happen.

Doctu
Doctu

The goal

The challenge

To provide the Latin American population with quality medical care regardless of time and place. To make available to everyone an option of professional medical consultations at a moderate cost, with the intention of promoting and increasing the culture of taking better care of oneself.

How we help them

The solution

Leverage the use of mobile application technology to create a product that remotely adapts to quality medical service and that as a user you can use as the primary source of medical record information. With this we seek to bring this type of services to a greater number of people who have mobile devices.

Insights

Which insights could we gather?

Some of the many insights we got were the ones that helped us build a better user experience.

  • This is what we found:
  • 1

    More and more people are immersed in activities involving the mobile phone.

  • 2

    Many times we resort to the internet to ask questions about our health, people do it as usual.

Structure

Wireframes

We did prototype and wireframe usability testing. After the user evaluation, another prototype will be built based on feedback from users, and again the cycle returns to customer evaluation. Our hypothesis has proven to be correct. The next step was Visual Design which is presented below.

Wireframe 01 Wireframe 02 Wireframe 03 Wireframe 04 Wireframe 05

THIS IS JUST A SAMPLE OF OUR MAIN USER STORY WIREFRAMES

Project overview

Branding

The ‘Doctu’ brand logo should always be used in full. The logotype should never be moved or adjusted. The logotype has been created with specific letter spacing, and the logotype letterforms have been customized for the brand. Always use approved artwork when reproducing the ‘Doctu’ identity.

Naming

The definition of this project allowed us to generate a concept with which we could discover the core of the product.

Doctor

Doctor

+

Tú

=

Doctu

Doctu

Construction

The logotype has been created with specific letter spacing, and the logotype letterforms have been customized for the brand.

Construction

App icon

Isotype adaptation for mobile application icon following the design guidelines dictated by operating systems.

App icon App icon
App icon

Project overview

UI Elements

They are essential to begin with the construction of the visual design. Here are many of the elements of the brand identity.

Colors

Make sure that there is enough contrast for the logo to remain clear.

Main color

Main

#261662

Secondary color

Secondary

#0047BA

Gradient

Gradient

#FF6162 - #184CFF

Typography

Are selected for their style, legibility, and readability are most effective when following the fundamental principles of typographic design.

Montserrat

Logotype

Monserrat

Bold

SF Compact Display

Headers

SF Compact Display

Semi bold

Century Gothic

Body

Century Gothic

Regular

Project overview

Visual design

Interface elements are used together with psychology references that allow influencing the way in which the user performs certain interactions and improving the aesthetic appeal of the design; design aesthetics can increase or decrease the users’ ability to use the interface functions.

Overview
Overview
Overview
Overview
Overview
Doctu

Check your doctor’s information

One of the most valued section. Gather the basic information of the doctor so that it’s always visible.

Check your doctor’s information

Schedule an appointment with your favorite doctor

Choose the day and time your doctor has off, confirm it and enjoy a new form of relief.

Schedule an appointment with your favorite doctor Schedule
Schedule an appointment with your favorite doctor

On-demand medical advice

Don´t have a primary care physician? Don’t know what kind of doctor you need?


Don’t worry! We’ll take care of that for you, just tell us what your feeling and we’ll help you get the right doctor for you right away!

Messages
Message icon

Choose between messages or video call

Choose the best way to take your medical consultation.

Videocall
Videocall icon
Rate your consultations Improve our service
Rate

Rate your consultations

Help us to improve our service and make you have a better experience.

Check your upcoming appointments

Have at your fingertips your pending appointments and the history of the ones you have already consulted.

Check your upcoming appointments
Register as patient

Register as a patient

Start now and have the best experience in telemedicine.

Register as patient or doctor Start now
Register as doctor

Register as a Doctor

Get updated and start consulting at a distance.

Landing page

Designed to inform interested users about the features of the application, the advantages and benefits of using it. The main intention is to invite you to download it.

Landing page

Join the future of healthcare now.

What are you waiting for? Just one click away!

What’s your next project?
Let’s build it together.

Whether you want to talk about the next big thing or simply say hello, we’d love to hear from you.

Get a quote