top of page
mi_ascensionstjohn_hospital_detroit_22201morossrd_1600x1064px.jpg

UX DESIGN

MEDI CONNCECT MEDICAL APP

PROJECT OVERVIEW 

SERVICES PROVIDED

The app provides a comprehensive range of medical services, encompassing prevention, diagnosis, specialist consultations, and state-of-the-art treatment methods. Whether you require regular check-ups, advanced medical procedures, or specialized therapy, the clinic is equipped with all the necessary treatment facilities.

 

We also offer services in logo and company color development, branding items, and doctor badges. Additionally, we prioritize the development of our App design, which will feature detailed information about the clinic, a comprehensive description of all our services, and the convenience of online appointment scheduling.

 

One of the key advantages of our application is that each client is provided with their own personal account. This account allows them to access their complete visit history, including past and future appointments, laboratory and diagnostic results, and the ability to obtain electronic prescriptions for medication purchases. Furthermore, our doctors provide individual recommendations on care and treatment, ensuring personalized care for each client. Lastly, we have dedicated pages for each doctor, featuring reviews and detailed descriptions.

UX Design

UI Design

Logo Development

Research & Development

Medi connect.png
MED 5.png
hopsital-image-1-1024x683-1.jpg

NAVIGATION STRUCTURE

In order to obtain a complete understanding of the overall page count, a schematic representation of the application was created. I examined different methods of user interaction, with the goal of achieving simplicity and clarity. Ultimately, I developed the most user-friendly and practical navigation structure. This framework for navigation helps visualize all possible user paths and addresses multiple errors in product development.

medi 4.png

THE BRAND COLORS

MED 5D_edited.png

PRIMARY
COLOR

#761137

SECONDARY
COLOR

#9a3259
#424242
#ffffff

TYPOGRAPHY

I used standard fonts for the mobile application. The fonts I used was Avenir and Arial Bold to give

a modern a simple feel.

AaBb

Avenir 

Light Regular Bold

Arial

Light Regular Bold

AaBb

APPLICATION TIME LINE

I began by searching for both the problem and the user needs. Then, I proceeded to analyze competitors and evaluate their functionalities. After that, I created a draft and participated in discussions about the potential design. Next, I used Figma to build the design and implemented a design system. I conducted thorough testing of the outcomes and made necessary adjustments to the design. Finally, I created animations and showcased the finished work.

WIRE FRAMING

USER registration

medii_.png
medii_.png

HOME SCREEN & CATEGORIES

The user will have the ability to locate the desired doctor category and select a specialist category on the homepage. Additionally, they can access information about the latest sales and obtain details regarding subscriptions.

bottom of page