The brief
The homepage should communicate the product’s form, material and character. Spatial interaction has a specific purpose: revealing detail and providing different views. It does not replace understandable product information.
Web design concept / Fictional brand
SOLVANE
09 / 09A product world to explore from different angles.
A website concept for a fictional perfume brand. Expressive imagery, clear product information and an interactive scene show how visitors might explore a product from several angles.
- Sector
- Perfume & interactive product design
- Focus
- Structure, design, implementation
- Status
- Concept study · Not a client project
SOLVANE / Website design↗
SOLVANE EXTRAIT No. 01
A moment.
That stays.
Light on glass. Warm amber. Discover the bottle from a new perspective.
A fragrance and design studyExplore with your pointer. Scroll to reveal the form.
01 / Glass02 / Amber03 / Light
01 / Before the first pixel
What the website needs to do.
The people using it
Design-minded visitors may want to explore the product world; others need information quickly. The website would support both journeys and remain understandable on small or less powerful devices.
A clear page structure
Collection, product details, brand story and contact would form a possible structure. The product scene supports that journey while essential information remains available as readable text.
The proposed homepage structure
Every section has a purpose.
This is how the homepage could lead from a first impression to a relevant enquiry. The sequence is a concept to be refined around your actual content.
- 01
Opening: visual impact and orientation
A bottle, amber glass and a short headline establish the first impression. Navigation and the introduction remain easy to read without motion.
- 02
Product scene: reveal useful perspectives
A separate 3D model could present material, form and the cap from different viewpoints. Clear controls explain what visitors can rotate or change.
- 03
Material and detail: deepen the view
Close-ups and short text sections complement the spatial view. Form and materials remain understandable without motion.
- 04
Collection and contact: provide a useful next step
A future collection could lead to individual product pages and an appropriate contact route. A shop would be a separate scope with genuine product data and a verified ordering process.
Subpage study / Fictional concept
A dedicated page for one fragrance.
A product page could give the fragrance, bottle and essential product information room to breathe. It would offer more context than a brief overview before visitors choose their next step.
SOLVANEStatic page concept
Scent / Product concept
A moment that lingers.
A concept for fragrance character, bottle and product-page details.
02 / The design decisions
One visual system. Considered in detail.
Plum tones, warm amber light and cream typography define the image study. A transparent bottle sits over a stone surface with a glass ribbon and raised cap. The close-up below places material, rather than additional effects, at the centre.
Type direction
Aa↗
Georgia / Outfit
A large, high-contrast serif gives the presentation an editorial counterpoint. Georgia paired with Outfit would be one possible web font implementation; the final font selection would be agreed separately. Short lines keep the large headline readable.
Colour & contrast
#2a1420#ad5c23#f2e3cd#865565The finishing details
The image study sets the mood, colour and composition. A separate product scene builds on that direction and lets visitors explore the bottle, glass and cap from other angles. Both views belong to the same fictional brand idea.
03 / From idea to website
A concept to explore. A website shaped for you.
What you can explore here
On this concept page, visitors can rotate and open the bottle. Light and perspective respond to the controls, with a still image as a quieter alternative. The brand is fictional; the project enquiry is for your own website.
Plan the next step
For a real brand, we would refine the shape and materials from its product data and place the scene within the agreed user journey. Variant selection, product information or a shop would be scoped separately and connected to actual content.
04 / A proposed project process
How your project could take shape.
Brief
Define the scope
View this step
Outcome: agreed objectives, content and a clearly defined scope.
Define the product idea, available content and specific purpose of the 3D interaction.
Structure
Map the pages
View this step
Outcome: a page map, content sequence and a reviewable enquiry journey.
Outline the content sequence and product-scene controls with a static alternative.
Design
Agree on designs
View this step
Outcome: approved desktop and mobile views with agreed type and colour.
Agree imagery, type, materials and movement through a prototype.
Implementation
Build the site
View this step
Outcome: a reviewable staging version with the agreed content and functionality.
Translate approved designs into responsive pages. Bring agreed functionality, content and contact journeys together in a staging version.
Review & launch
Review and launch
View this step
Outcome: an agreed release, documented responsibilities and editing guidance.
Check pointer, touch and keyboard controls, motion preferences and loading behaviour before launch.
From concept to your website
Which direction feels right for you?
Let’s discuss your content, the right design and the functionality you actually need. Your enquiry goes directly to Marius Neumann.
Discuss your website project