Einzigartige Teile für’s Fahrrad Einzigartige Teile für dein Fahrrad

Neues Corporate Design und eine bessere online Erlebbarkeit.

Leichtbau
made in germany

Das weltweit leichteste 6 Speichen Monocoque Laufrad
Always ahead
Leidenschaft
Kaufen – 3.313,31 €
Preis inkl. MwSt / zzgl. Versandkosten

Fahrradteile

  • Projekt: Onlineshop
  • Kunde: bike ahead composites
  • Kategorie: CI/CD, Design, Umsetzung
Konzept.

Vordergrund

Ein hochmotiviertes Team aus begeisterten Fahrradenthusiasten kam mit der Bitte auf uns zu, bei der Überarbeitung des eigenen CI‘s inklusive Onlineshop behilflich zu sein.

Naaa klar, machen wir doch gerne. Da sich die Marke im hochpreisigen Highend-Segment bewegt, wollten wir die einzelnen Fahrradteile besser in Szene setzen. Hochauflösende Produktaufnahmen auf einer sehr dunklen Bühne sollten der richtige Weg sein. Farbpalette und Schriftsätze wurden entwickelt. Das Logo bekam eine stilistisch simplere Form.

Geradlinige Puristik ist das das neue Credo der Marke.

Perfektion

Performance

Leidenschaft

Schafft einfach vertrauen
Die Leidenschaft für Fahrräder und insbesondere Mountainbikes spiegelt sich in der Qualität der Produkte wider.

Produktseite

Die flüssige aber zurückhaltende User Experience gibt dem Kaufprozess im Onlineshop seinen Feinschliff.

Die neue Wort- und Bildmarke durfte nicht zu sehr vom Etablierten abweichen. Das neue Logo ist dynamisch nach rechts gerichtet und zeigt die nach vorne gerichtete Bewegung beim Fahrradfahren.

Die Einführung des geänderten Markenbildes brachte eine Menge an weiteren Aufgaben und Herausforderungen mit sich. Ein Beispiel: Der neue Brand musste in die Produktion integriert und als Print auf den Produkten ausgetauscht werden. Anschließend wurden alle Produkte von Grund auf neu und mit neuem Logo fotografiert. Diese Fotos wurden dann nach und nach in allen aktuellen Drucksachen ausgetauscht.

Eine neue Zielgruppe wird angesprochen.
Die Farbwelt in der wir uns bewegen ist eine ausgewogene Mischung dunklen Tönen, die durch ein Ampelrot akzentuiert werden. Lifestylebilder und Werksabbildungen erscheinen in dunkel überlagerten Graustufen.

1. Colors
#000003
#131316
#222225
#59595d
#eaeaea
#ffffff
#c00303
2. Typography
Desktop
Mobile & Tablet
H1
font: Barlow Condensed Medium
font-size: 70px
line-height: 60px
letter-spacing: 0.02em
text-transform: uppercase
color: #ffffff
Leichtbau
made in germany
H1
font: Barlow Condensed Medium
font-size: 50px
line-height: 42px
letter-spacing: 0.02em
text-transform: uppercase
color: #ffffff
Leichtbau
made in germany
H2
font: Barlow Condensed Medium
font-size: 40px
line-height: 40px
letter-spacing: 0.05em
text-transform: uppercase
color: #ffffff
Always Ahead -
Funktioneller Leichtbau
H2
font: Barlow Condensed Medium
font-size: 25px
line-height: 25px
letter-spacing: 0.05em
text-transform: uppercase
color: #ffffff
Always Ahead -
Funktioneller Leichtbau
H3
font: Barlow Condensed Medium
font-size: 20px
line-height: 22px
letter-spacing: 0.06em
text-transform: uppercase
color: #ffffff
ready for an amazing weekend? We
are testing our
new@bikeaheadcomposites
biturboXE on the @pivot_cyclesusa Phoenix
H3
font: Barlow Condensed Medium
font-size: 16px
line-height: 18px
letter-spacing: 0.06em
text-transform: uppercase
color: #ffffff
ready for an amazing weekend? We
are testing our
new@bikeaheadcomposites
biturboXE on the @pivot_cyclesusa Phoenix
H4
font: Barlow Medium
font-size: 13px
line-height: 18px
letter-spacing: 0.4em
text-transform: uppercase
color: #ffffff
Made in Germany
H4
font: Barlow Medium
font-size: 11px
line-height: 18px
letter-spacing: 0.4em
text-transform: uppercase
color: #ffffff
Made in Germany
H5
font: Barlow Condensed Medium
font-size: 18px
line-height: 22px
color: #59595d
Service-Center
H5
font: Barlow Condensed Medium
font-size: 16px
line-height: 22px
color: #59595d
Service-Center
H6
font: Barlow Condensed Medium
font-size: 12px
line-height: 16px
letter-spacing: 0.1em
text-transform: uppercase
color: #59595d
Händlerverzeichnis
H6
font: Barlow Condensed Medium
font-size: 11px
line-height: 16px
letter-spacing: 0.1em
text-transform: uppercase
color: #59595d
Händlerverzeichnis
text.large
font: Barlow Condensed Regular
font-size: 26px
line-height: 32px
letter-spacing: 0.02em
color: #59595d
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Utuis commodo consequat.
text.large
font: Barlow Condensed Regular
font-size: 22px
line-height: 28px
letter-spacing: 0.02em
color: #59595d
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Utuis commodo consequat.
text
font: Barlow Regular
font-size: 18px
line-height: 26px
color: #59595d
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
text
font: Barlow Regular
font-size: 15px
line-height: 22px
color: #59595d
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
text.small
font: Barlow Regular
font-size: 16px
line-height: 22px
color: #59595d
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
text.small
font: Barlow Regular
font-size: 13px
line-height: 18px
color: #59595d
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
text.tiny
font: Barlow Regular
font-size: 12px
line-height: 16px
letter-spacing: 0.02em
color: #59595d
Ich habe die Datenschutzbestimmungen
gelesen und stimmen zu.
text.tiny
font: Barlow Regular
font-size: 10px
line-height: 14px
letter-spacing: 0.02em
color: #59595d
Ich habe die Datenschutzbestimmungen
gelesen und stimmen zu.
3. Buttons
Zur Kasse
Zur Kasse
Zur Kasse
Absenden
Absenden
Absenden
In Den Warenkorb
In Den Warenkorb
In Den Warenkorb
Mehr
Mehr
Mehr
Mehr
Mehr
Mehr
Mehr

Maximale Performance im Ladeverhalten der Seite
Maximale Performance beim Laden der Seite

Puh, was soll ich noch schreiben über diesen Case. Heute ist Montag und mir fällt nichts mehr 1234.

Die Seite ist einfach toll, basta.

Sehr stabile 6-Speichen-Monocoque-Konstruktion.

Palette?

Neben Laufrädern aus hochwertigem Edelstahl sind auch Lenker und Sattelstützen Teil der Produktpalette. Innovative Laufräder sind aber das absolute Lieblingskind der Firma.

Es wirkt aufgeräumt und ist nach den Standards der heute gültigen Usability entwickelt.

the silence before weekend – @bikeaheadcomposites BITURBO ROAD 🤫

If he's not on the circuit 🏁 - @aleixespargaro will ride his @orbeabicycles alma with our @bikeaheadcomposites biturbors

Ready for an amazing weekend? We are testing our new@bikeaheadcomposites biturboXE on the @pivot_cyclesusa Phoenix

Now available for every @last_bikes tarvo, glen and coal, our @bikeaheadcomposites the riser with the patented no slip application (rubber meets carbon)

Like a stream in the sky @ride_bmc Timemachine Road with @bikeaheadcomposites BITURBO ROAD

Podium winning - fast & stiff - pure carbon power - THE WHEELS-SL24! We present the 2020 edition of our 1.119 g carbon wheelset.

Look at this - @ridecannondale new Scalpel with an oil slick Lefty Ocho - our THE WHEELS, THE FLATBAR and THE STRAIGHT compared with lovely parts (stem and seatclamp) from @intend_bc ! 🤩

Instagram
Mehr

In einer synchronisierten Social Wall erscheinen die Instagrambeiträge. Mit über 200 Posts und nahezu 10.000 Followern ist der Kanal von bike ahead sehr aktiv und beliebt. Es dreht sich alles um das Fahrradglück.

– Love it –

Always Ahead
Funktioneller Leichtbau

ready for an amazing weekend?

Made in Germany.

Der Mobile Commerce steht natürlich in diesen Zeiten über Allem. Unsere Fahrradfreunde nutzen ihr Smartphone als „second screen“ vor dem TV, um solche Teile zu shoppen.

rad-mit-echter-kontur Created with Sketch. 1

Defekte können im Online­shop markiert werden.

Der Nutzer kann online seinen Serviceauftrag zur Reparatur erstellen und den Defekt im Onlineshop markieren.

Das A und das O

Die Landingpage eines Onlineshops ist das Wichtigste Glied im sogenannten Sales Funnel (Verkaufstrichter). Hier entscheiden die digitalen Nutzer über gehen oder bleiben.

Unsere Startseite und somit Landingpage wurde wie folgt aufgebaut. Zuerst, im sogenannten Hero, findet Bewegung statt. Verkaufs­fördernde Vorteile im Wechsel überlagern detailreiche Produkte. Darunter folgt ein emotionales Imagevideo, gefolgt von den Hauptkategorien, die den Nutzer eine Ebene tiefer führen.

Screenshot Home
„Einfach die besten Teile“
Bewertung auf Google Places.

Vielen Dank für
Deine Bestellung!

Du erhältst eine Benachrichtigung per E-Mail, sobald deine Bestellung auf dem Weg zu dir ist.