<?xml version="1.0" encoding="utf-8"?>
Open full project

Medical Website Button Design

For this project, I focused on designing buttons for a medical website, leveraging my experience in creating functional UI elements. Medical websites require a wide range of buttons for different functionalities, making this an interesting challenge to explore.

I chose a light teal color palette to enhance the user experience. Teal strikes a balance between blue—commonly associated with trust—and green, which symbolizes health. This combination ensures that users feel both reassured and calm while navigating the site.

The buttons were designed in various sizes to accommodate different devices and accessibility needs, ensuring ease of navigation for a diverse user base. Additionally, I created buttons for different states (hover, active, disabled) and error messages to enhance usability and improve user interaction.

This project highlights my attention to functionality, accessibility, and user-centered design, making medical website navigation seamless and intuitive.

Share your insights — leave a project review and help others grow their skills

Reviews

1 review


Really good start! Good job thinking about the hover, pressed, inactive states, etc. and showing the buttons in use in UI.

I would have liked to see the main high level slides pictured here in the case study, any research you did, ideation, design rationale etc. The button designs could also use a bit more polish as they are currently very generic. Adding a drop shadow, a gradient, and maybe playing with the colors some (the black on darker green doesn't look very aesthetically pleasing), would make this look a lot more professional.

Also one of the slides in your presentation repeats (Designing the buttons slide)

Keep it up!


3 Claps
Average 3.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>