Website / Health / Concept
A dermatology-clinic website for Banja Luka with pinned skin layers, a dermatoscope lens and ABCDE mole-check cards.
Projektüberblick
DermaVita is a concept website for a dermatology practice in Banja Luka. Newsreader serif, forest green, clay and sage give it a calm, medical-editorial tone. A pinned section peels back the skin into epidermis, dermis and hypodermis while a dermatoscope lens moves across, then the ABCDE rule for checking moles is explained in stacked cards. Services, the practice, the first visit, an FAQ and booking follow.
Ziel war es, das Angebot verständlicher zu machen, die Arbeit mit mehr Kontext zu zeigen und den Weg vom ersten Eindruck bis zu Kontakt, Anfrage, Buchung oder Kaufentscheidung zu vereinfachen.
Im Detail
Jedes Bild öffnet sich als Vollbild-Vorschau.
Case Study
Dermatology is part medicine, part reassurance. The concept teaches before it books: what lies under the surface of the skin, what to watch for in a mole and what a first visit looks like.
Vertrauen und Performance
4
Skin layers
Epidermis, dermis, hypodermis and dermoscopy in one pinned illustration.
5
ABCDE cards
Asymmetry, border, colour, diameter and evolution, each with an example photo.
99
Desktop Lighthouse
90 on mobile. 100 for accessibility, best practices and SEO.
Die Überlegungen hinter dem Projekt
The brief
Most people book a dermatologist because of a mole, acne or a rash. The site gives them useful knowledge, like the ABCDE rule, and a clear, calm path to an appointment, while stating that the content does not replace an examination.
Design direction
Newsreader with italic clay accents for headings, Hanken Grotesk for text. Linen backgrounds with deep green sections feel natural rather than clinical.
Booking
Three steps prepare a WhatsApp or Viber message with the reason for the visit. Phone, address and opening hours sit beside it.
So funktioniert es
01
Turn common skin questions into short, careful copy.
02
Draw skin layers, follicles and the lens as SVG.
03
Pinned layers, lens magnification and stacked cards.
04
Three-step request with a clear medical disclaimer.
Design-Assets
Leistungen
Website
Concept & copy (sr)
UX/UI Design
GSAP motion
SVG illustration
Booking flow
Etwas Ähnliches bauen
Schicken Sie eine kurze Nachricht zu Ihrem Unternehmen, Markt, Ihrer aktuellen Website und Ihrem Ziel. Panic Digital hilft bei Struktur, Design, Entwicklung und SEO-Grundlage für den nächsten Schritt.
Panic Digital kontaktieren
Weiter entdecken
+A cheerful nail-studio website for Tuzla where a brush paints the nails on scroll and tapping a swatch repaints the hand.
Nächste Case StudyÄhnliche Projekte