Grafik Studio Balua

UI Design Hostpoint

Für den Web­hos­tin­g­an­bie­ter Host­point gestaltete Balua ein neu­es User Inter­face für sei­ne Online-Diens­te. Ein leich­tes Design-Sys­tem mit orga­ni­schen For­men sorgt für einen offe­nen Zugang – hier am Bei­spiel des E‑Mail-Backends von „Cloud Office“.

Kachelförmig angeordnetes Layout mit angaben zum Account Inhaber, dem verfügbaren Speicherplatz und dem aktuellen Produkt. Der Grafiker legte Wert auf eine klar aufgeteilte Platzaufteilung der verschieden Bereiche.
Kachelförmiger Aufbau in Weis, Grau-Blau und Blau mit Illusrationen für die verschiedenen Bereiche. Speicherplatzangaben, Upgrade-Möglichkeiten usw.
Laptop mit dem User Interface Cloud Office. Eine E-Mail Account Liste mit farbigen, runden Profilbilder und einer Blauen Navigation oben.
User Inerface von Cloud Office auf einem iPhone. Es zeigt den Filter der Spam Reduktion.
Filter Elemente um eine Liste zu sortieren. In Hellen Tönen mit einem blauen Header und einem schwarzen Button um die Auswahl zu bestätigen.
iPhone mit einer Übersicht der verfügbaren Upgrades des Produktes Cloud Office mit einem blauen Button um die Auswahl abzuschliessen.
iPad und iPhone, je mit dem User Interface eines Filters für Spam-Adressen. Blaue Top-Navigation und Weisse Fläche für die Liste mit farbigen Avatar-Illustrationen. Als Grafiker legte ich hier besonders grossen Wert auf ein gutes Responsive Design.
Filter UI-Element um eine grosse Anzahl von Datensätzen zu Filtern. Dropdown mit Mehrfachauswahl, Tag-Elementen, E-Mail Adress-Liste und ein Pager-Element um in den Seiten zu navigieren sind zu sehen. Ig Grau-Tönen mit Blau als Akzentfarbe.
Formular mit Eingabefeldern, Drop-Down Auswahl, Passwort Eingabe. Es zeigt das Beispiel von Vadim, dem Grafiker eines Designstudios.
User Interface auf einenem iPad. Es ist im Daymode, also mit hellen Abstufungen von weiss/grau mit schwarzer Schrift und blauen Akzenten, wie dem Button oder der Icons. Der Grafiker entschied sich für sanfte Farbabstufungen.
User Interface auf einenem iPad. Es ist im Darkmode, also mit dunklen Abstufungen von Schwarz mit weisser Schrift und blauen Akzenten, wie dem Button oder der Icons. Der Grafiker entschied sich auch hier für sanfte Farbabstufungen.
Corporate Farbschema für die Hauptfarben Grau und Blau in verschiedenen Abstufungen. Die jeweiligen Farbnummern dienen zum präzisen Austausch zwischen dem Grafiker und dem Programmierer.
28 Icons bestehend je aus blauen Linien. Ein Haus für die Home-Seite, ein Mülleimer umd Dinge zu löschen ein Stift-Icon um Bereiche zu bearbeiten. Sie haben die Einfachheit von einem Logo.
Verschiedene UI-Elemente: Blaue Produkt-Icons oder Logos für die verschiedenen Ausführungen, Blaue Buttons mit weissem Text, Eingabefelder und Profilbildvorlagen mit den Anfangsbuchstaben in verschiedenen Farben.
Blaues Applikations Icon mit einer weissen Wolke und einem Laptop in Icon-Form davor. Es soll den Dienst Cloud Office in der Art von einem Logo illustrieren.
Avatar Illustration im Stil von einem Logo. Ein Pinker Smiley mit Augenbrauen und Nase. Der Grafiker hat hier einen neugierigen Ausdruck angestrebt.

Weitere Arbeiten