Klares Design und mobil-optimierte Content-Elemente
Für die selbstständig tätige Innenarchitektin Alice Matheis hat PERIMETRIK® bereits 2010 eine Homepage erstellt. Dabei handelte es sich noch um eine Flash-Seite, deren Fokus besonders auf der Ästhetik lag. Neben der Erstellung der Homepage überarbeitete PERIMETRIK® damals auch das Logo bzw. das Corporate Design und entwickelte neue Visitenkarten und Geschäftspapier.
Da die alte Flash-Seite im Zuge des technischen Fortschritts nicht mehr auf allen Endgeräten dargestellt werden konnte, entschied sich Alice Matheis schließlich für den Relaunch mit PERIMETRIK® und damit für eine mobil-optimierte WordPress Webseite. Highlights der neuen Webseite sind u.a. die eindrucksvolle Fullscreen Diashow und die seriöse, klare Seitenstruktur.
Für das klare Design der neuen WordPress Webseite der Innenarchitektin Alice Matheis mussten insbesondere Schriftfarben und -größen in der CSS angepasst werden. So wurde beispielsweise der Titel innerhalb der Fullscreen Diashow farblich und graphisch angepasst.
Außerdem wurden einige Content-Elemente mit einer Mindesthöhe versehen, sodass sie für die tatsächliche Länge der Texte z.B. im Leistungsspektrum angepasst erscheinen. Bei Abruf von mobilen Endgeräten passt sich nach der Umprogrammierung die Schriftgröße des Titels erneut an das Endgerät an und die Diashow wird ohne Pagination angezeigt.
Startseite mit Projekt-Übersicht, News und Kontaktformular
Als Aufreißer der neuen Homepage von Alice Matheis integrierte PERIMETRIK® eine Slideshow mit wirkungsvollen Key Visuals. Der Slider reicht über die gesamte Seitenbreite. Auch hier ist die Darstellung responsiv, d.h. für jede Desktopgröße wird der Bildausschnitt automatisch angepasst. In der Sektion „Philosophie stellt sich die Innenarchitektin kurz vor. Darauf folgt der Abschnitt “Projekte”, in dem alle Projekte aufgelistet werden. Per Klick auf das Thumbnail landet der Benutzer dann auf der entsprechen Projekt-Detailseite.
In einer News-Sektion werden aktuelle Beiträge zum Unternehmen angeteasert und die Sektion „Leistungen“ verlinkt auf Unterseiten mit weiteren Infos zur jeweiligen Leistung.
Zur einfachen Kontaktaufnahme erstellte PERIMETRIK® zudem ein professionelles Kontaktformular, das in die Sektion „Kontakt“ integriert wurde. Dieses enthält neben einer Einverständniserklärung auch ein Google reCaptcha.
Projekt-Detailseiten mit Fullscreen Diashow und Galerie
Jede Projekt-Detailseite startet, ebenso wie auch die Startseite, mit einem einladenden Fullscreen Diashow mit verschiedenen Key Visuals.
Darunter folgt eine Text-Sektion für die Projektbeschreibung, gefolgt von einer Bildergalerie mit je vier Fotos pro Reihe. Hier setzte PERIMETRIK® einen Breakpoint, sodass das Grid für die Darstellung auf Mobilgeräten von einer 4-spaltigen zu einer 2-spaltigen Ansicht wechselt.
Ein Call-to-Action mit Link zum Kontaktformular schließt die Projekt-Detailseite ab.
Obwohl die Startseite als OnePager gestaltet wurde gibt doch für jedes Projekt eine Detaildarstellung auf einer eigenen Seite.
Fazit:
Die neue responsive WordPress Website für Innenarchitektin Alice Matheis sieht auf jedem Gerät schick aus – egal, ob Desktop,Tablet oder Smartphone. PERIMETRIK® gelang es ein Layout zu entwickeln, dass viel Platz für wirkungsvolle großflächige Fotos besitzt und sich trotzdem problemlos an jede Bildschirmgröße anpasst.