Rolle: UI/UX Design · Visual Design · Art Direction · Brand Experience
Überblick
SN-PRO ist ein ukrainischer Hersteller von Metallprofilen, Dachrinnen, Zaunsystemen, Schornsteinen und anderen Bauelementen aus Metall. Meine Aufgabe war es, eine moderne, vertrauenswürdige und verkaufsstarke Website zu gestalten, die sowohl Privatkunden als auch B2B-Kunden (Bauunternehmen, Entwickler, Händler) anspricht und die technische Kompetenz des Unternehmens klar kommuniziert.
SN-PRO ist ein ukrainischer Hersteller von Metallprofilen, Dachrinnen, Zaunsystemen, Schornsteinen und anderen Bauelementen aus Metall. Meine Aufgabe war es, eine moderne, vertrauenswürdige und verkaufsstarke Website zu gestalten, die sowohl Privatkunden als auch B2B-Kunden (Bauunternehmen, Entwickler, Händler) anspricht und die technische Kompetenz des Unternehmens klar kommuniziert.
Design Direction
Modern. Technical. Clean.
Das Design folgt einer klaren, sachlichen und gleichzeitig ansprechenden Ästhetik im Bereich B2B-Baumaterialien. Die Farbpalette basiert auf tiefem Schwarz, Weiß und kräftigen Akzentfarben (Grün und Blau). Ich habe viel Wert auf gute Lesbarkeit technischer Informationen, hochwertige Produkt- und Projektfotografie sowie eine klare visuelle Hierarchie gelegt.
Modern. Technical. Clean.
Das Design folgt einer klaren, sachlichen und gleichzeitig ansprechenden Ästhetik im Bereich B2B-Baumaterialien. Die Farbpalette basiert auf tiefem Schwarz, Weiß und kräftigen Akzentfarben (Grün und Blau). Ich habe viel Wert auf gute Lesbarkeit technischer Informationen, hochwertige Produkt- und Projektfotografie sowie eine klare visuelle Hierarchie gelegt.
Hero Experience & Struktur
Die Website präsentiert sich mit starken Hero-Bildern realisierter Projekte und klaren Kategorien. Wichtige Bereiche sind:
- Produktkatalog mit detaillierten Artikelseiten (z. B. Metal profile H57/60)
- Top Produkte und Bestseller
- Realisierte Projekte (Hausbau in Irpin, Makariv etc.)
- Technische Spezifikationen und Downloads
Die Website präsentiert sich mit starken Hero-Bildern realisierter Projekte und klaren Kategorien. Wichtige Bereiche sind:
- Produktkatalog mit detaillierten Artikelseiten (z. B. Metal profile H57/60)
- Top Produkte und Bestseller
- Realisierte Projekte (Hausbau in Irpin, Makariv etc.)
- Technische Spezifikationen und Downloads
Besonders gelungen ist die übersichtliche Darstellung komplexer technischer Produkte mit Zeichnungen, Maßen und Anwendungsbereichen.
UI & UX
- Klare Navigation und Filter für Produkte
- Detaillierte Produktseiten mit technischen Daten, 3D-Ansichten und Download-Möglichkeiten
- Schöne Präsentation von Referenzprojekten
- Vertrauensbildende Elemente (Zertifikate, Lieferbedingungen, Kontakt)
- Vollständig responsives Design mit guter Mobile-Nutzung
- Klare Navigation und Filter für Produkte
- Detaillierte Produktseiten mit technischen Daten, 3D-Ansichten und Download-Möglichkeiten
- Schöne Präsentation von Referenzprojekten
- Vertrauensbildende Elemente (Zertifikate, Lieferbedingungen, Kontakt)
- Vollständig responsives Design mit guter Mobile-Nutzung
Technische Umsetzung
- Sauberes und skalierbares Design System
- Optimierte Darstellung technischer Inhalte
- Hohe Ladezeiten-Optimierung bei vielen Bildern
- Klare Conversion-Pfade (Anfrage, Bestellung, Download)
- Sauberes und skalierbares Design System
- Optimierte Darstellung technischer Inhalte
- Hohe Ladezeiten-Optimierung bei vielen Bildern
- Klare Conversion-Pfade (Anfrage, Bestellung, Download)
Tools
Figma · Adobe XD · Adobe Illustrator · Adobe Photoshop
Figma · Adobe XD · Adobe Illustrator · Adobe Photoshop
Ergebnis
Es entstand eine moderne, kompetente und verkaufsstarke Website, die die Professionalität von SN-PRO hervorragend repräsentiert. Das Design wirkt technisch fundiert, gleichzeitig ästhetisch ansprechend und schafft Vertrauen bei B2B- und Privatkunden gleichermaßen.
Es entstand eine moderne, kompetente und verkaufsstarke Website, die die Professionalität von SN-PRO hervorragend repräsentiert. Das Design wirkt technisch fundiert, gleichzeitig ästhetisch ansprechend und schafft Vertrauen bei B2B- und Privatkunden gleichermaßen.
