Client Bioeast

Web Design

AUFGABE

Die Website von Bioeast wird einer Neugestaltung unterzogen, um dem Markenupgrade gerecht zu werden.
Wir unterstützen die Marke dabei, ein deutliches Image in der nationalen Branche zu etablieren und Bekanntheit zu erlangen, und adressieren gleichzeitig den internationalen Markt.

Definieren der individuellen Online-Präsenz der Marke
Präsentation von Professionalität, Vertrauenswürdigkeit, Vitalität und Dynamik der Unternehmenseigenheiten

LEISTUNGSBEREICHE

Innovative visuelle Markenpositionierung
Benutzerforschung und Bedürfnisanalyse
Responsives Framework
Visuelles Interaktionsdesign
kontinuierliche Unterstützung bei der Implementierung

Die Richtung

Was ist die Vorstellung des Kunden wie die Website wirken soll?
Um die Antwort zu finden, haben wir eine umfassende Recherche und eine
Analyse der Wettbewerber von Bioeast durchgeführt.

Identity

Deutliches Unternehmensimage

Deutliches Unternehmen-
simage

Verlässlichkeit als Wert unterstreichen In der Branche überzeugen

Creativity

Innovation, Flexibilität, Vitalität, Jugendlichkeit

Innovation in der UX widergeben, professionelles, zuverlässiges Image transportieren

Connectivity

Klarer Informationsaustausch, flexible Verbindung

Klarer Informations-
austausch, flexible Verbindung

Klar und verstandliche Erläuterungen zu Geschäft und Produkten, flexible und schnelle Möglichkeiten zur Kontaktaufnahme, flexible Seitenumleitungen und Terminalübergänge

Keywords

Wir kennen die Markenpositionierung von Bioeast und definierten die Schlüsselinformationen der visuellen Identität ihrer Marke.

#Innovativ, jung, lebendig #professionell, zuverlässig, vertrauenswürdig #klare Geschäftsinformationen, bequeme und schnelle
Suche und Speicherung von Produktinformationen

#Position in der Branche und Zukunftsperspektiven #Webseitentechniken entsprechen modernen Standards

Spirit

Professional

Future

Matchless

VORSCHLAG

UX Strategy + UI Concept

Auftrag an uns: basierend auf der abgeleiteten
Strategie sollten das Markenimage durch visuelle
Darstellung und interaktive Mittel verstärkt werden.

Das Raster

Erstellen eines Rasters, um die Schnittstelle entsprechend der verschiedenen Auflösungen für
verschiedene Endgeräte anzupassen und zu optimieren und die Anordnung der Schnittstellelemente
organiserter zu gestalten. Dies bildet auch die Grundlage für das Schnittstellenlayout.

Erstellt wurde ein Raster für die Bioeast-Webseite.
Visuelle Markenelemente wurden aus dem Image der
Marke heraus entwickelt.

Responsive Oberfläche der Webseite für Mobilgeräte

Benutzerfreundliche Mobile Webseite-Oberfläche

Der Kreis

Der Kreis ist das zentrale Element der Marke und wird vielschichtig eingesetzt. Verwendet werden
Grafikmuster, bei denen Kreise und Linien kombiniert werden, sowohl auf der Startseite als auch in
den Hauptmenüabschnitten. Ausserdem werden Motiongraphics (grafische Animationen) eingesetzt,
um die Brandeigenschaften Innovation und Jugendlichkeit zu kommunizieren.

Responsives Interface-Design für mobile Gerätebildschirme

graphic pattern v1

Innovatives Interface-Design für Tracking-Geräte-Displays

graphic pattern v2

Interaktion, Bild und Video

Die Produkte von Bioeast werden in hochaufgelösten Makroaufnahmen, Videos und
Animationen präsentiert, um einen starken visuellen Effekt zu erzielen und die Einzigartigkeit
der Marke hervorzuheben. Die intuitiven optischen Effekte entsprechen einer
modernen Ästhetik.

Kontinuität

Über Navigation, Produktkategorisierung und Suchfunktionen wurde mit dem
Kunden eingehend diskutiert und die Struktur kontinuierlich während der
Produktentwicklung verbessert.
Produkte können nun über die Website leicht gefunden werden.

Brand Farben

Farben kommen grosszügig zum Einsatz, das stärkt die Marke und lässt den Auftritt moderner wirken.

#00b8aa
branding color

#ff8c3b
branding color

font color

background

Ikonographie

Das Kreismotiv lässt sich sowohl in den dreidimensionalen Icons als auch in den feinen linearen Symbolen wiederfinden.

3D product icon system

Line style icon system

Launch

Resposive Web Design

Die Bioeast Website basiert auf responsive Webdesign, um verschiedene Endgeräte konsistent zu bespielen.
Bildkonzepte und Layout werden stringent eingesetzt, um die Wiedererkennung aufrechtzuerhalten und
Einheitlichkeit beim Endkunden zu gewährleisten.

Suchmaschinenoptimierung

Mehr Menschen sollen Bioeast kennen lernen.

NACH OBEN