Relaunch Musiker-Website von Florian Malecki

Relaunch Musiker-Website von Florian Malecki

Die neue Website für die musikalische Seite von Florian Malecki kommt mit integriertem Shop und individuellem Layoutkonzept.

Website-Relaunch von fmalecki.de

Florian Malecki ist nicht nur Inhaber von dégagée, er ist auch als Musiker aktiv: als Pianist spielt er auf der Bühne und Aufnahmen, zudem komponiert er eine Art "New Classic"-Musik für Klavier und Gitarre und bietet privaten Klavierunterricht. Neben der Präsentation seiner Werke und Termine sind auf der neuen Website Notenhefte, CDs und Konzert-Tickets online bestellbar.

Logo fmalecki.de

Vom Logo zum Webdesign

Das bestehende Logo mit Schriftzug definiert ein starkes Farbschema und eine Typografie mit Großbuchstaben. Das neue Webdesign sollte – ausgehend vom Logo – übersichtlich, klar und sympatisch wirken. Das Ergebnis ist eine moderne Website mit einem ungewöhnlichen Layoutkonzept, Bild-Farbfiltern und individuellen Artikel-Layouts.

Individuelles Icon-Set

Individuelles Icon-Set

Webdesign-Konzept

fmalecki.de – Musik für Klavier und Gitarre
fmalecki.de – die Website präsentiert Musik für Klavier und Gitarre

Entwicklung des Screenlayouts

Wir haben den Designprozess mit der Erstellung eines bedienbaren Prototyps für Smartphones mit der Software Adobe XD begonnen. Auf kleineren Bildschirmen werden die Bilder auf voller Bildschirmgröße angezeigt und die Website ist scrollbar.
Auf horizontalen Bildschirmformaten (ab 1024 Pixel Breite) ist das Layout generell vertikal in 2 Spalten aufgeteilt: in der linken Spalte werden Bilder und Beschreibungstexte dargestellt, in der rechten Spalte die weiteren Inhalte oder Artikellisten.

Artikel-Ansicht mit Akkordeon-Modul

Die einzelnen Elemente des Artikel-Layouts wie Bild, Volltext, Bildergalerie, Audio/Video, Extra-Felder usw. sind jeweils in einem aufklappbaren Akkordeon-Tab untergebracht. Dies steigert die Übersichtlichkeit und einfache Bedienbarkeit sowohl am Desktop als auch auf Smartphones.

Vertikale Teilung auf querformatigen Displays, Vollbild und scrollbare Website auf Smartphones
Vertikale Teilung auf querformatigen Displays, Vollbild und scrollbare Website auf Smartphones
Video Kategorieliste und Artikeleinzalansicht, Audio-Player mit Coverdarstellung
Video Kategorieliste und Artikeleinzalansicht, Audio-Player mit Coverdarstellung
Bildergalerie
Bildergalerie

Online-Shop

Schlichte Warenkorb-Lösung

Die bestehende E-Commerce-Funktionalität musste an das neue Layout angepasst werden. Das Shop-System ist dabei voll in die Artikelverwaltung integriert: jeder Artikel kann durch Aktivierung der Shop-Funktion zu einem bestellbaren Produkt werden. Aktuell können im Shop Notenhefte, CDs und Konzert-Tickets online gekauft werden. Es ist zudem geplant, digitale Produkte wie PDFs der Notenhefte und Audio-Files der CDs als Download anzubieten.

Single-Page Checkout

Der Bestellvorgang (Checkout) des Shop-Systems ist auf einer Seite übersichtlich und ebenfalls in aufklappenden Panels dargestellt – damit funktioniert die Bestellung schnell, einfach und selbsterklärend für Gäste und registrierte Kunden.

fmalecki.de – Shop Warenkorb und Bestellvorgang
fmalecki.de – Shop Warenkorb und Bestellvorgang
Dégagée, Dachau – Anfahrt

Modernes Webdesign, individuelle Logos und durchdachtes Grafikdesign:
Wir sind Ihre Agentur aus
Dachau/DE für kleinere und größere kreative Projekte!

08131-3324473 anrufen

Konrad-Adenauer-Str. 16
85221 Dachau/DE