Zum Inhalt
MN.← Webdesign & Hosting
ENProjekt anfragen ↗

Webdesign-Konzept / Fiktive Marke

SOLVANE

09 / 09

Eine Produktwelt, die sich räumlich entdecken lässt.

Eine Website-Konzeptstudie für eine fiktive Parfummarke. Bildwelt, klare Produktinformationen und eine bedienbare Szene zeigen, wie Besucher ein Produkt aus mehreren Blickwinkeln entdecken könnten.

Bereich
Parfum & interaktives Produktdesign
Schwerpunkt
Struktur, Gestaltung, Umsetzung
Status
Konzeptstudie · Kein Kundenauftrag
SOLVANE / Website-Entwurf↗
SOLVANE: visuelle Website-Konzeptstudie für Parfum & interaktives Produktdesign
01 — Die visuelle RichtungGestaltungsstudie, keine bedienbare KundenwebsiteEntwurf in voller Größe öffnen ↗

SOLVANE EXTRAIT No. 01

Ein Moment.
Der bleibt.

Licht auf Glas. Warmer Bernstein. Entdecken Sie den Flakon aus einer neuen Perspektive.

Eine Duft- und Designstudie

Mit dem Zeiger entdecken. Beim Scrollen öffnet sich die Form.

01 / Glas02 / Bernstein03 / Licht

01 / Vor dem ersten Pixel

Was die Website leisten soll.

Die Aufgabe

Die Startseite soll Form, Material und Charakter des Produkts vermitteln. Räumliche Interaktion bekommt eine konkrete Aufgabe: Details sichtbar machen und unterschiedliche Ansichten ermöglichen. Sie ersetzt keine verständliche Produktinformation.

Die Menschen dahinter

Designinteressierte Besucher wollen die Produktwelt erkunden; andere möchten schnell Informationen finden. Die Website müsste beide Wege unterstützen und auf kleinen oder leistungsschwächeren Geräten verständlich bleiben.

Eine nachvollziehbare Seitenstruktur

Kollektion, Produktdetails, Markenwelt und Kontakt wären eine mögliche Struktur. Die Produktszene ergänzt diesen Weg; wesentliche Informationen bleiben als lesbarer Text erreichbar.

Der geplante Aufbau der Homepage

Jeder Abschnitt hat eine Aufgabe.

So könnte die Startseite vom ersten Eindruck bis zur passenden Anfrage führen. Die Reihenfolge ist ein Konzept und würde mit Ihren tatsächlichen Inhalten abgestimmt.

  1. 01

    Einstieg: Bildwirkung und Orientierung

    Ein Flakon, bernsteinfarbenes Glas und eine kurze Überschrift schaffen den ersten Eindruck. Navigation und Einführung bleiben auch ohne Bewegung gut lesbar.

  2. 02

    Produktszene: Perspektiven gezielt öffnen

    Ein eigenständiges 3D-Modell könnte Material, Form und Verschluss aus mehreren Blickwinkeln zeigen. Eine verständliche Bedienung erklärt, was sich drehen oder verändern lässt.

  3. 03

    Material und Details: die Ansicht vertiefen

    Nahaufnahmen und kurze Textabschnitte ergänzen die räumliche Ansicht. So werden Form und Materialien auch ohne Bewegung verständlich.

  4. 04

    Kollektion und Kontakt: sinnvoll weiterführen

    Eine spätere Kollektion könnte zu einzelnen Produktseiten und einem passenden Kontaktweg führen. Ein Shop wäre ein eigener Umfang mit echten Produktdaten und einem geprüften Bestellprozess.

Unterseiten-Entwurf / Fiktives Konzept

Ein Duft mit eigener Seite.

Eine Produktseite könnte Duftcharakter, Flakon und wichtige Produktinformationen in Ruhe zeigen. Besucher bekämen mehr Orientierung als in einer kurzen Übersicht, bevor sie den nächsten Schritt wählen.

SOLVANENicht bedienbarer Seitenentwurf
Illustrative Bildidee: amberfarbener Parfumflakon vor einer warmen Kulisse.

Duft / Produktidee

Ein Moment, der bleibt.

Ein Konzept für Duftcharakter, Flakon und die Details einer Produktseite.

Bildidee für eine mögliche UnterseiteIllustrative Bildidee: amberfarbener Parfumflakon vor einer warmen Kulisse.Bild in voller Größe ↗

02 / Die gestalterischen Entscheidungen

Ein System. Bis ins Detail.

Pflaumentöne, warmes Bernsteinlicht und cremefarbene Schrift bestimmen den Bildentwurf. Der transparente Flakon steht auf einer steinernen Fläche, begleitet von einem Glasband und einem angehobenen Verschluss. Die darunterliegende Nahaufnahme setzt Material statt weiterer Effekte in den Mittelpunkt.

Typografische Richtung

Aa↗

Georgia / Outfit

Eine große, kontrastreiche Serifenschrift gibt der Inszenierung einen redaktionellen Gegenpol. Georgia zusammen mit Outfit wäre eine mögliche Umsetzung in Webschriften; die konkrete Schriftwahl müsste separat abgestimmt werden. Kurze Zeilen halten die große Überschrift lesbar.

Farbe & Kontrast
#2a1420
#ad5c23
#f2e3cd
#865565

Der Feinschliff

Die Bildstudie legt Stimmung, Farben und Bildausschnitt fest. Die eigenständige Produktszene nimmt diese Richtung auf und lässt Besucher Form, Glas und Verschluss aus anderen Blickwinkeln entdecken. Beide Ansichten sind Teil derselben fiktiven Markenidee.

03 / Von der Idee zur Website

Eine Idee zum Erleben. Ein Projekt zum Gestalten.

In dieser Studie

Das können Sie hier sehen

Auf dieser Konzeptseite lässt sich der Flakon drehen und öffnen. Licht und Perspektive reagieren auf die Bedienung; eine ruhige Bildansicht bleibt als Alternative. Die gezeigte Marke ist fiktiv, die Projektanfrage gilt Ihrer eigenen Website.

Für Ihr Projekt denkbar

Den nächsten Schritt planen

Für eine reale Marke würden wir Form und Materialien anhand ihrer Produktdaten verfeinern und die Szene in den vereinbarten Nutzerweg einbetten. Variantenwahl, Produktinformationen oder ein Shop würden erst nach Abstimmung entwickelt und mit echten Inhalten verbunden.

04 / Ein möglicher Projektablauf

So könnte Ihr Projekt entstehen.

  1. Briefing

    Ziele klären

    Schritt ansehen

    Ergebnis: abgestimmte Ziele, Inhalte und ein klar begrenzter Leistungsumfang.

    Produktidee, verfügbare Inhalte und den konkreten Nutzen der 3D-Interaktion festlegen.

  2. Struktur

    Seiten ordnen

    Schritt ansehen

    Ergebnis: Seitenübersicht, Inhaltsfolge und ein überprüfbarer Anfrageweg.

    Inhaltsfolge und Bedienung der Produktszene samt statischer Alternative skizzieren.

  3. Gestaltung

    Ansichten abstimmen

    Schritt ansehen

    Ergebnis: freigegebene Ansichten für Desktop und Mobilgeräte mit festgelegten Schriften und Farben.

    Bildwelt, Schrift, Materialien und Bewegungsabläufe in einem Prototyp abstimmen.

  4. Umsetzung

    Website aufbauen

    Schritt ansehen

    Ergebnis: eine prüfbare Vorabversion mit den vereinbarten Inhalten und Funktionen.

    Die freigegebenen Ansichten in responsive Seiten übertragen. Vereinbarte Funktionen, Inhalte und Kontaktwege auf einer Vorabversion zusammenführen.

  5. Prüfung & Start

    Geprüft starten

    Schritt ansehen

    Ergebnis: abgestimmte Veröffentlichung, dokumentierte Zuständigkeiten und eine Einweisung in die Pflege.

    Zeiger-, Touch- und Tastaturbedienung, Bewegungseinstellungen und Ladeverhalten vor dem Start prüfen.

Von der Studie zu Ihrer Website

Welche Richtung passt zu Ihnen?

Wir besprechen Ihre Inhalte, die passende Gestaltung und den tatsächlichen Funktionsumfang. Ihre Anfrage geht direkt an Marius Neumann.

Website-Projekt besprechen