WebDesign
Development

Website Relaunch für Firesqueak

Firesqueak ist dein Profi für Technologien rund um E-Commerce, Front-End, Daten, APIs, Benutzererlebnisse, Performance und vieles mehr.

Die drei Säulen des Projekts

Design

Das Design basiert auf meinem sehr cleanen stil mit viel Whitespace - verfeinert durch hochwertige Animationen.

Development

"Performance" war das Stichwort. Daher entwickelte ich zusammen mit Johann Weise (jcpw.dev) eine codetechnisch minimalistes Frontend, das trotzdem den Spagat schafft und alle Design- und Animationsfeatures umfasst.

Animationskonzept

Illustrationen, Text und ganze Inhaltsbereiche wurden hochwertig animiert.

Styleguide

Um den klassischen 3D-Look passend zu den Animationen beizubehalten, wurden auch Buttons und andere Elemente im 3D-Look designt. Das Farbschema basiert auf einem einfachen Lila sowie feinen Abstufungen von weiß nach schwarz.

Benutzeroberflächenelemente mit violetten und grauen Farbtönen, darunter Farbkreise, Schaltflächen mit dem Text 'LEARN MORE', Pfeilsymbole, Auswahlpunkte, zwei runde Schaltflächen mit Uhr- und Häkchensymbol, Symbole für Warenkorb, Code, Diagramm, Farbroller und Farbpalettenwerkzeug, sowie zwei Textfelder mit den Beschriftungen Vorname mit 'John' und Nachname mit 'Doe'.
Screenshot of Firesqueak website homepage showcasing e-commerce services, client logos, case studies, customer testimonial, and contact invitation with modern isometric illustrations.
Startseite von Firesqueak
Drei überlappende digitale Webseiten-Layouts mit Bildern von Schuhen, Teammitgliedern, San Francisco Golden Gate Bridge und Produkt-Features.
Überblick über fertige Layouts
Website case study page showing Allbirds shoes with overview, introduction, interactive product page, and key features on laptop screens.
Firesqueak Projekte in Szene gesetzt
Mehrere Informationskarten von Firesqueak, die digitale Dienstleistungen und Kontaktoptionen für E-Commerce-Technologie zeigen.
Designs für die Handyansicht von Firesqueak
Animation zeigt einen weißen Bildschirm mit einer lila Umrandung und einem lila Symbol für das Teilen von Inhalten, das sich in einem Fadenkreuz auf der linken Seite bewegt.

Animationen von Schlüsselelementen

Was machen Sie, wenn Sie einen Diamanten in der Hand halten? Richtig, Sie wollen diese Schönheit von mehr als nur einer Seite sehen. Sie drehen ihn und wollen ihn aus allen Blickwinkeln erleben. Egal ob es ein Rohdiamant oder ein 100-Karäter ist. Ganz nach Ihren Wünschen setze ich Ihr Produkt oder Ihre Dienstleistung in den Fokus.

Aktuelle Projekte

SaaS

Webflow

Webdesign

MEETOVO: Website-Relaunch für SaaS Recruiting-Software

Webflow

Webdesign

SaaS

Famedly: SaaS-Website für den ersten TI-Messenger

Webdesign

Webflow

Agentur

Website Relaunch für die A&M Unternehmer­beratung

Alle Projekte