Zeichenschule, die nach Zeichnen aussieht
Informationsarchitektur, Design, Animation und Webflow-Umsetzung für eine Online-Schule für Interior-Sketching.
- Branche:
- Online-Bildung
- Land:
- Ukraine
- Meine Rolle:
- Design, Entwicklung, Deployment und Support
Figma
Webflow
„Dass Sie die coolsten Spezialisten der Stadt sind, steht außer Frage! Geschmack, Stil, ein genauer Treffer bei meinen Wünschen – was könnte besser sein? Ich mag, dass ich nach der Aufgabe weiß: Es wird schnell, pünktlich und in hoher Qualität erledigt. Ich mag, dass alle Leistungen transparent abgerechnet werden und ich weiß, wofür ich zahle. Die Zusammenarbeit ist angenehm! Meine Website bekommt jetzt Komplimente, und einige Grafikdesign-Follower sagen, sie sei die beste unter allen Lehrschulen – und ich weiß es – allein Animation, Farben und Struktur der Seite! Ich bin sehr froh, dass Sie mich beraten haben, und noch froher, dass wir weiter zusammenarbeiten.“
Vladislava BondarenkoGründerin und Lehrerin, Sketch Vlada School(Übersetzung aus dem Russischen)Überblick
Die Sketch Vlada School ist eine Online-Plattform, auf der man Zeichnen, Sketching und Design lernt. Für ihre Kurse habe ich ein eigenständiges Design entwickelt und in Webflow umgesetzt. Mit Grafiken und Animationen hebt sich die Schule vom Wettbewerb ab.
Vorgehen
Informationsarchitektur
Nach einem gründlichen Briefing habe ich die Struktur der Website auf die Ziele der Schule ausgerichtet.
Wireframes
Prototypen zeigen Aufbau und Funktionen der Seiten und sorgen für eine reibungslose Nutzung.
Grundlagen
Ein umfassender Styleguide legt Farbpaletten, Typografie und Gestaltungselemente fest, damit die Website durchgehend einheitlich wirkt.
Startseite
Die Startseite zeigt die Kurse der Schule mit eigenen Animationen und soll Besucher neugierig machen.
Kursseiten
Auf den Kursseiten sorgen modulare Blöcke für flexible Inhalte, ohne dass das Gesamtbild auseinanderfällt.
Performance und SEO
Die Website ist auf Ladegeschwindigkeit und Suchmaschinen optimiert, mit SEO-freundlichen Gestaltungsprinzipien von Anfang an. Der Lighthouse-Test zeigt 87 für Performance, 96 für Barrierefreiheit, 100 für Best Practices und 91 für SEO.
Ergebnis
Eine responsive Website mit eigenen Animationen, die für Online-Bildungsplattformen neue Maßstäbe setzt.
