Onyx Dermocare Website Concepts Portfolio
Two responsive Next.js concepts for an Albanian aesthetic clinic, with eight service pages, booking UX, motion design, and static deployment.
Live deployments
Source repositories
Project overview
The Onyx Dermocare concepts translate a premium clinic identity into two complete digital directions. Each prototype includes a service information architecture, related-treatment paths, galleries, FAQs, and a booking interface prepared for a future CRM connection.
What I built
- 01
Generated eight treatment pages from shared typed service data, including benefits, timing, FAQs, galleries, and related services.
- 02
Designed two black-and-gold visual systems with responsive navigation, editorial imagery, and conversion-focused booking paths.
- 03
Isolated calendar availability and booking submission behind replaceable functions for a future CRM API.
- 04
Configured separate static builds for production hosting and repository-aware GitHub Pages previews.
Implementation notes
The current previews use clearly identified placeholder photography and mock availability, keeping prototype content separate from production data.
Framer Motion and GSAP ScrollTrigger provide interaction while the exported application remains deployable as static files.
Technology stack
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- GSAP
More portfolio projects
Need a similar product?
Let’s discuss the workflow, website, or application you want to ship.