Case Study
Web Relaunch netvico
Im April 2018 erhielt ich von einer Grafikagentur aus Stuttgart eine Anfrage für die "Gestaltung eines kreativen Webdesigns". In enger Zusammenarbeit erarbeiten wir aus der neuen CI ein Screendesign. Anschließend erhielt ich auch den Auftrag für die Umsetzung der Website mit WordPress.
01.
Corporate Identity Vorgaben verinnerlichen
Für die Erstellung der neuen Website von netvico erhielt ich als Orientierung zuerst einmal eine Einweisung in die neue Corporate Identity. Diese basierten hauptsächlich auf den hier dargestellten Print-Produkten.
02.
Iconset wählen & ergänzen
Zur Illustration der Thematiken mussten passende und stilsichere Icons gefunden werden. Dafür eignete sich das Line Iconset Made by Made ganz hervorragend, welches ich allerdings in 3 Fällen selbst erweitern musste. Können Sie erkennen, welche Icons von mir sind? Falls nicht, habe ich alles richtig gemacht!
Schwarzer Rahmen
Trans / #1a1a1a
netvico schwarz
#1a1a1a
netvico blau
#003265
Grauer Rahmen
Trans / #e4e7eb
03.
Farben übernehmen & ergänzen
Die neuen CI-Farben bestanden lediglich aus schwarz & netvico blau, was für ein modernes Erscheinungsbild aber letztendlich nicht ausreichte. Es wurden daher verschiedene, teils vom netvico blau angehauchte Grautöne für dezentere Darstellungen von Rahmen & Icons hinzugefügt.
04.
Typographie Regelwerk entwickeln
Aus den ersten Screendesigns entstand ein vollständiges Typographie Regelwerk, welches beim finalen Einsatz im Rahmen der WordPress-Entwicklung nochmals weiter optimiert wurde. Überschriften in Versalien und große Laufweiten prägen das netvico Schriftbild.
Aa
Keep in Touch
Unser Newsletter enthält interessante Neuigkeiten zum Thema Digitalisierung. Melden Sie sich ganz einfach an.
Klicks & Inhalte sind live
Keine unnötigen Klicks, keine Umwege. "PlayEverywhere" ist so intuitiv, dass Sie Botschaften unkompliziert, direkt und von überall auf die Ausgabemedien bringen.
05.
UI Elemente definieren & Screendesign entwerfen
Mit der Sketch App wurde aus den inhaltlichen und teilweise stilistischen Vorgaben ein Screendesign erstellt, das dank der Kompatibilität mit der Prototyping Software Invision direkt mit dem Kunden besprochen und dadurch verbessert werden konnte. Hier ein Auszug aus dabei entstandenen UI-Elementen.
Transparenz steigern
06.
Website mit WordPress umsetzen
Nachdem ich dem Kunden garantierte, dass ich die Website mit WordPress 1:1 wie im Design vorgesehen umsetzen könnte, erhielt ich noch am gleichen Tag den Auftrag für die Entwicklung und konnte mich auch gleich an die Arbeit machen (wenn auch ohne Miniatur-Helferlein). Bei der Umsetzung setze ich immer auf neueste Technologien und up-to-date Web-Standards.
Das sagt der Kunde
"Ich bin echt happy mit dem Logo und bedanke mich nochmal für die gute Zusammenarbeit! Hat echt gut funktioniert und Spaß gemacht."
Portfolio
Ähnliche Projekte
AGILIOS Akademie
Webdesign & Webentwicklung
evoseo
Logodesign & Webentwicklung
Kontakt aufnehmen
Lust auf ein gemeinsames Projekt?
Nachricht senden
Ihre Angaben werden nur zum Zweck der Abwicklung ihrer Anfrage genutzt und nicht an Dritte weitergegeben. Weitere Infos dazu in der Datenschutzerklärung.
Kontakt
Senden Sie eine unverbindliche Anfrage über das Kontaktformular oder rufen Sie einfach mal durch. Wir freuen uns!
Standorte
Augsburg / Bayern
Herxheim / Rheinland-Pfalz