UI Design Meets Healthcare: One-Page Site for dr. João Avanço
Translating a full brand system into a responsive Framer one-pager, designed and published in only 3 days.
Role
UX/UI Designer
Industry
Health
Duration
3 days
After defining the mood board, I began typographic tests to find a font that reflected the personality of the new visual identity. I sought options that balanced tradition and modernity, conveying confidence without sacrificing lightness.
The chosen font was Museo, a geometric and humanistic font that provides excellent legibility and a contemporary feel, while also maintaining a sense of solidity and credibility—key attributes for a medical brand.
With the typography defined and the idea of a simple, efficient, and minimalist symbol representing a kidney already sketched, I proceeded to trace the logo's technical design. This step was essential to ensure balanced proportions, visual coherence, and a solid construction of the symbol, ensuring that it would work well both on a smaller scale and in larger applications, maintaining the brand's clarity and visual impact.
Landing page on Framer: a new design skill
After completing the visual identity, I presented Dr. João Luiz with the benefits of developing a landing page, such as better Google rankings, centralized contact channels, and integration with ads. We also discussed the advantages of using site builders for agile prototyping and cost reduction. Therefore, we agreed to create a specific landing page for him using Framer.
To begin development of the page, we used the Civitas template as a structural foundation. The template already included essential elements for an effective landing page with high conversion potential, allowing us to focus on visual customization and the clinic's strategic content. The template's key features include:
Services: A structured layout to highlight medical expertise and areas of practice.
Treatments Offered: A section dedicated to presenting the clinic's specialties in a clear and accessible manner.
Testimonials: A space to reinforce credibility through real patient experiences.
Appointment Scheduling: A direct and simplified call to action, encouraging immediate contact.
Smooth animations: Create an elegant and professional navigation experience.
SEO Optimization: Increases visibility and attracts new patients through organic search.
