DermaCare

Meet DermaCare

DermaCare is a skincare ecommerce template for brands that want to explain their products, not just sell them. The home page opens on the Skin Observatory: a lens zooms into the skin and the scroll moves through the epidermis, barrier and dermis, each layer linking to its product. Phone gets its own version of the story.

What's included

- 11 pages: Home, Store, Product, Journal, Article, Routine Builder, FAQ, Contact, Privacy Policy, 404 and Design System

- AI chatbot trained on the website's content

- CMS filled in: 23 products, 10 articles, 72 reviews

- Ecommerce: Frameshop cart, Add to Cart, Buy Now, subscriptions, shipping date calculator

- Interactive pieces: Skin Observatory hero,rbit, fisheye carousel, stat counters, sticky FAQ, intro loader

- Design system: colour and text styles with 5 breakpoints, reusable components

- Fully responsive, with dedicated tablet an

- Respects reduced-motion settings

- SEO ready

Built to convert:

- Best sellers in 3D: a rotating product ring fed by the CMS. Toggle "Best Seller" on any product to add it.

- Ingredient science: niacinamide, peptides, hyaluronic acid and botanicals, each paired with its product.

- The routine: Cleanse, Treat, Protect, linked straight to the products.

- AI Skin quiz: pick a skin type on the home page and the Routine Builder suggests a routine in about 60 seconds.

- The journal: a CMS blog with a featured post, categories and article pages.

A working store: product pages with gallerieptions and an estimated shipping date, pluscart, Buy Now and checkout powered by Frameshop, and shoppable hotspots in the store hero.

Perfect for skincare and beauty brands, dermatology clinics, clean-beauty startups and DTC wellness shops.

Want a custom version? Contact me: josepponsmataro@gmail.com