Open to new projects · Denmark
← All work

Skincare promo · Packaging · 3D · 2026

Linnea

A concept launch for a quiet skincare series: five essentials, one ritual. Stone, sand and sage set the mood, and the packaging is a family of sculptural pebbles with a carved ammonite.

Open live site ↗
Drag to turn the fossil
Role
Concept, art direction, UI, packaging, front-end
Tools
Figma, Claude Code, three.js
Products
5 essentials, 1 ritual
Pages
Landing, 5 products, packaging study
Linnea landing page in a browser window and a product page on a phone

The story

Linnea is named after the twinflower of northern forests, and after the botanist Carl Linnaeus. The brief I set myself: a skincare launch that feels like a walk on a Scandinavian coast, with nothing loud in it.

The series is five essentials used as one daily ritual: a cleansing gel, an essence toner, Serum 01, a barrier cream and an SPF 50 fluid. Each one has its own texture, and the site lets you see and almost touch them.

The packaging grew from one object, an ammonite fossil. Every bottle is a smooth pebble with the fossil carved into it, and the same fossil, a real 3D scan, turns slowly on the landing page.

5essentials
97%natural origin
0fragrance, dyes or fillers
4packaging directions

The idea

One ritual

Five products in a fixed order, so the brand sells a habit, not a shelf.

Packaging as sculpture

Pebble bottles with a carved ammonite. A separate page compares four directions on the whole series.

A real fossil in 3D

A photogrammetry scan of a real ammonite, simplified to about 40 thousand polygons, rotating in three.js.

Slow on purpose

Long sections with room to breathe: philosophy, the series, textures, results, mood and a pre-order.

How the page unfolds

The landing page is read top to bottom like a short story.

  1. Step 1

    Care, distilled

    The whole series on a stone ledge, with the five products named along the bottom.

  2. Step 2

    Philosophy

    Skin in its purest form: the fossil, the stone and three numbers.

  3. Step 3

    Five textures

    Every product as a swatch on one sheet, from weightless gel to rich cream.

  4. Step 4

    Pre-order

    Results, mood, a short FAQ and a quiet sign-up for the first batch.

Design system

Cream, sand and stone with sage accents, the colours of the coast the brand is named after.

Shell#F7F4EF
Sand#EEEAE3
Stone#DAD6CF
Sage#9BA78B
Ink#2B2824
Headlines · Cormorant Garamond Light

Care, distilled.

Text & labels · Lexend ExtraLight

Five quiet essentials. One ritual for calm, luminous skin.

Discover the series →Pre-orderNiacinamide 5%Peptide complexOlive squalane

Key pages

From the first impression to choosing a product and its packaging.

promo-site-sigma.vercel.app
Linnea landing with the five products on stone
01

Landing

“Care, distilled.” next to the whole series, with a leaf shadow drifting over the page.

promo-site-sigma.vercel.app/product?p=serum-01
Serum 01 product page
02

Product page

Large photo, price, three key ingredients and a pre-order button; how to use, ingredients and packaging fold below.

promo-site-sigma.vercel.app/packaging
Packaging page comparing four bottle directions
03

Packaging study

Four directions for the bottle, from a small raised wordmark to a full carved relief.

The whole story

Each section has its own entrance: photos open like curtains, the fossil turns as you scroll and texture swatches spread across the page.

Philosophy: Skin, in its purest form
PhilosophyA stone floats above an open hand, with 5 essentials, 97% natural and 0 fragrance below.
Five textures with swatches
Five texturesEvery product as a swatch, each named around the edge.
Four effect cards
ResultsSoftness, hydration, even tone and protection: cards that widen on hover.
Only what matters with the carved ammonite
Only what mattersThe carved fossil on stone, and what the formulas leave out.
Mood collage
MoodSand, sea, cream and skin: the palette of the brand in one collage.
Pre-order form
Pre-orderA quiet sign-up for the first batch, with 15% off.

On a phone

On a phone the series becomes a swipeable row, and the pre-order button stays within thumb reach.

Linnea landing on a phone
Landing
Serum 01 on a phone
Product

Decisions & details

The parts that took the most thought.

Challenge

3D that doesn't slow the page

What I did

The scan is reduced to about 40 thousand polygons, the texture loads separately and phones get a smaller one.

Challenge

One family, five bottles

What I did

Each product has its own shape, but the same stone colour, mark and fossil keep them a set.

Challenge

Choosing the packaging in the open

What I did

Four directions are shown side by side on the real series, so the choice is visible, not hidden in a file.

See it liveOpen promo-site-sigma.vercel.app ↗Turn the 3D ammonite, open the five products and compare the packaging directions.

What I did

  • Concept & art directionNamed the brand, set the stone-and-sage mood and directed the product imagery, generated with Figma AI.
  • PackagingDesigned the pebble bottle family and compared four directions.
  • UI designDesigned the landing page, product pages and the packaging study.
  • Front-endBuilt it with Claude Code, including the 3D ammonite in three.js and an animated leaf shadow. Published on Vercel.
Next projectKiara →
I reply within a day Based in Denmark · CET Open to product, web & apps Remote or on-site in Europe UI / UX · Web · Mobile Ukrainian · Polish · English

Have a project in mind?

Let's make it clear and beautiful

Tell me about it in a few lines. I usually reply within a day.

  • I reply within a day
  • Based in Denmark · CET
  • Open to product, web & apps
  • Remote or on-site in Europe
  • UI / UX · Web · Mobile
  • Ukrainian · Polish · English
© 2026 Alina YakuninaPodo Hotel photo: Htwzzz, CC BY-SA 4.0, via Wikimedia CommonsDesigned in Figma, built in code