{"id":16155,"date":"2026-10-18T21:53:47","date_gmt":"2026-10-18T13:53:47","guid":{"rendered":"https:\/\/www.airsang.com\/?p=16155"},"modified":"2026-10-18T21:53:47","modified_gmt":"2026-10-18T13:53:47","slug":"shopyy-beauty-website-design-chroma-dewy","status":"publish","type":"post","link":"https:\/\/www.airsang.com\/de\/shopyy-beauty-website-design-chroma-dewy\/","title":{"rendered":"Shopyy-Beauty-Webdesign: Chroma Dewy, Make-up und Farben"},"content":{"rendered":"

Projekt\u00fcbersicht<\/h2>

F\u00fcr Chroma Dewy gliederten wir den Shopyy-Shop nach Make-up-Looks und farbigen Produkten. Augennahaufnahmen und Kollektionstexte bilden das Startbanner; Paletten und Kategorien f\u00fchren weiter zum Einkauf. Orange Markenakzente, heller Hintergrund und satte Bilder verbinden Kollektionserkundung, Vergleiche und Produktdetails.<\/p>

Dienstleistungen<\/strong><\/td>Branche<\/strong><\/td>Plattform<\/strong><\/td><\/tr>
Shopyy-Webdesign und Entwicklung<\/td>Sch\u00f6nheit & K\u00f6rperpflege<\/td>Shopyy<\/td><\/tr>
Projektanforderungen<\/strong><\/td>Zielmarkt<\/strong><\/td>Designstil<\/strong><\/td><\/tr>
Make-up-Looks und farbige Produktpr\u00e4sentation<\/td>Englischer Shop mit Preisen in US-Dollar<\/td>Orange Markenidentit\u00e4t, heller Hintergrund und satte Make-up-Bilder<\/td><\/tr>
Projektangebot<\/strong><\/td>Lieferumfang<\/strong><\/td>Lieferzeit<\/strong><\/td><\/tr>
CNY 4,500<\/td>Startseite, Kategorienstruktur, Produktdetails und responsive Gestaltung<\/td>7 Tage<\/td><\/tr><\/tbody><\/table><\/figure>
Kundenwebsite ansehen<\/a><\/div><\/div>

Gestalterische Herausforderung<\/h2>

Eine Beauty-Website muss Make-up-Effekte zeigen und Farben sowie Werkzeuge vergleichbar machen. Nahaufnahmen vermitteln das Thema; regelm\u00e4\u00dfige Raster zeigen Paletten, Pinsel und Verpackungen, ohne beide Informationsebenen konkurrieren zu lassen.<\/p>

Strategie: Make-up-Looks und farbige Produkte<\/h2>

Augennahaufnahmen und Texte bilden das Startbanner; Paletten und Kategorienbilder f\u00fchren zum Katalog. Die Startseite orientiert, Kategorien erm\u00f6glichen Vergleiche und Produktseiten erl\u00e4utern Aussehen und Eigenschaften. Navigation und Links verbinden die Ebenen.<\/p>

Josefin Sans strukturiert Titel, Navigation und Text \u00fcber Gr\u00f6\u00dfe, Gewicht und Absatzbreite. Orange Akzente, helle Fl\u00e4chen und satte Bilder pr\u00e4gen die Hauptseiten. Gruppen bleiben kompakt; mehr Raum zwischen Abschnitten trennt Bilder, Erl\u00e4uterungen und Aktionen.<\/p>

Bewegung und Funktionen unterst\u00fctzen die Auswahl<\/h3>

Das Banner beh\u00e4lt Links-\/Rechtspfeile; Kategorienbilder \u00f6ffnen weitere Kataloge. Mengenwahl, Bilder und gruppierte Beschreibungen konzentrieren sich auf das Produkt. Mobil b\u00fcndelt ein klares Men\u00fc die Navigation bei durchgehendem Besucherpfad.<\/p>

Startbanner: Augen-Make-up als erster Blickfang<\/h2>
\"Chroma<\/figure>

Zwei Augennahaufnahmen stehen rechts im Banner, der Thementext links; das orange Chroma-Dewy-Logo sitzt im schlichten Kopfbereich. Nahansichten zeigen Farbe und Textur, Pfeile \u00f6ffnen andere Kollektionen.<\/p>

Die leichte Josefin Sans verbindet Navigation und Produkttexte. Helle Fl\u00e4chen geben den satten Looks Raum. Bild und Text haben getrennte Bereiche, ohne den ersten Bildschirm mit vollst\u00e4ndigen Produktdetails zu \u00fcberladen.<\/p>

Neuheiten: Farben im regelm\u00e4\u00dfigen Raster vergleichen<\/h2>
\"Chroma<\/figure>

New Arrivals zeigt mehrere Spalten von Paletten, deren Lidschattenfarben auf hellem Grund vergleichbar sind. Namen und Preise bleiben kurz; danach folgen Kategorienbilder f\u00fcr Brushes, Eyes und Lips.<\/p>

Gleiche Palettengr\u00f6\u00dfen und Kartenbreiten schaffen Ordnung, mit gleichm\u00e4\u00dfigen Kategorieabst\u00e4nden. Orange markiert die Marke nur punktuell; die Produkte liefern die Hauptfarben.<\/p>

Pinselkategorie: Formen und Set-Inhalte sichtbar machen<\/h2>
\"Chroma<\/figure>

Unter Makeup Brushes stehen Einzelpinsel und Sets im selben Raster. Die Bilder zeigen zun\u00e4chst K\u00f6pfe, Griffe und St\u00fcckzahlen; Namen und Preise folgen darunter.<\/p>

Wei\u00dfer Hintergrund und gr\u00f6\u00dfere Kartenabst\u00e4nde vermeiden Enge. Feine Navigation und ein zentrierter Titel wirken leicht. Katalogwerkzeuge erhalten einen eigenen Platz, ohne Vergleiche zu unterbrechen.<\/p>

Produktseite: Verpackungsbilder f\u00fchren ins Produkt ein<\/h2>
\"Chroma<\/figure>

Bei The Volturi steht die rot-schwarze Verpackung links, rechts folgen Name, Preis, Menge und Kurzbeschreibung. Das Bild vermittelt die visuellen Merkmale, bevor der Text Details erkl\u00e4rt.<\/p>

Rot grenzt sich deutlich vom hellen Seitenhintergrund ab. Feine Rahmen und kompakte Abst\u00e4nde ordnen Bedienelemente. Freiraum zwischen Bild und Text macht das dunkle Thema in der leichten Oberfl\u00e4che klar erkennbar.<\/p>

Weitere Details: Informationen und Empfehlungen trennen<\/h2>
\"Chroma<\/figure>

Darunter bleiben Miniaturen, Bewertungen und You May Also Like erhalten. Abschnittsabst\u00e4nde verbinden diese Inhalte und trennen Produktinformationen von weiteren Einkaufsm\u00f6glichkeiten.<\/p>

Empfehlungsbilder teilen eine Spaltenbreite. Portr\u00e4ts, Verpackungen und Werkzeuge bleiben auf hellem Grund. Zwischen\u00fcberschriften und vertikaler Raum gliedern Gruppen und f\u00fchren zu interessanten Produkten.<\/p>

Mobile Startseite: Kompaktes Men\u00fc, Thema und Neuheiten<\/h2>
\"Chroma<\/figure>

Mobil wird die horizontale Navigation zum roten MENU-Zugang; Logo und Suche stehen dar\u00fcber untereinander. Das Banner f\u00fchrt zu New Arrivals und bewahrt die Reihenfolge von Make-up-Inspiration zu Produkten.<\/p>

Auf schmalen Bildschirmen erhalten Bilder mehr Platz, Titel und Preise folgen vertikal. Der rote Men\u00fcbalken hebt sich von hellen Inhalten ab und h\u00e4lt Kategorien erreichbar.<\/p>

Mobile Produktseite: Bilder und Details nacheinander<\/h2>
\"Chroma<\/figure>

Mobil erscheinen zuerst Breadcrumbs und das gro\u00dfe Verpackungsbild, dann Name, Preis und Menge. Das Bild bewahrt das Thema; Desktop-Spalten werden zu einer fortlaufenden Lesefolge.<\/p>

Linksb\u00fcndige Titel umbrechen nat\u00fcrlich; Preis und Bedienelemente haben Abstand. Heller Grund, feine Rahmen und Markenfarben verbinden die Produktseite mit den \u00fcbrigen Seiten.<\/p>

Gestaltungsfazit: Thema und praktische Details verbinden<\/h2>

Bei Chroma Dewy f\u00fchren Looks und Farben durch orange Markenakzente, helle Fl\u00e4chen und satte Bilder auf Start-, Kategorie- und Produktseiten. Bilder vermitteln das Thema, Texte erl\u00e4utern Details und Katalog und Optionen erm\u00f6glichen den n\u00e4chsten Schritt. Mobil bleibt die Reihenfolge f\u00fcr ein stimmiges Erlebnis erhalten.<\/p>

Planen Sie eine klare Shopyy-Website f\u00fcr Ihre Marke<\/h2>

Teilen Sie Ihre bestehende Website, Markenmaterialien und ben\u00f6tigten Seiten. Gemeinsam pr\u00fcfen wir Produkte, Zielmarkt und Inhaltspriorit\u00e4ten und planen passende Seiten, Gestaltung und Funktionen.<\/p>

Shopyy-Beratung vereinbaren<\/a><\/div>
Webdesign-Leistungen entdecken<\/a><\/div><\/div>