website arnold start-site ohne begrüßung - gleich mitten ... · start-site ohne begrüßung -...

Start-Site ohne Begrüßung - gleich mitten drin !

• mit Logo

• mit Adresse + Kontakt zur schnellen Übersicht

• mit Unternehmens-Key-Facts

• 21 Rubriken

• alle Arnold Top-Infos auf einer Blick

19x Header-Slider

• 19 Bilder

• mit Text-Fenster

• mit automatischen Slider

• wird nur beim Start gezeigt• Oldtimer in einer der 3x Car-Rubrik mit Bild + Bezeichnung

• schnelle Übersicht

• mit automatischen Slider

• 4x Bild-Rubrik

• sind mit den Header-Rubriken verlinkt

• sollen die Top-Themen promoten

• klares Site-Ende

• Verlinkung zu Impressum, Kontakt, Anfahrt

• später kommt Facebook, Pinterest & YouTube dazu

• Car-Rubriken sind die Oldtimer Gruppen

1) Verkauf2) Referenz3) Retauration

Konzept:• alle Fahrzeuge schnell im Blick

• aktuell : 44 Oldtimer

• 4x Text-Rubrik

• sind mit den Header-Rubriken verlinkt

• promoten die Top-Themen

Car-Rubirk / 44 Oldtimer

4x Kachel-Rubrik

Sockel4x Kachel-Rubriken

3x Car-Rubriken

21x Header-Rubriken

www.avaflow.comGroße Bäcker-Str. 9 20095 HamburgTel: 040-415 48 346 [email protected]

WebSite Arnold

Kopf - Zeile

Responsive-Design

Drupal-CMS

Web-Konzept / Design / CMS-Umsetzung / Content-Erstellung

Header- Slider - 19x Top-Infos beim Start

• 19x Bild mit Text-Infos• Top Arnold-Themen• mit automatischen Slider (Bild-Bewegung)• läuft nur beim Start / nicht bei den Rubriken• Einzel-Themen (Bilder) können bei Rubriken wieder auftauchen

Start-Site = Header-Slider


WebSite Arnold Responsive-Design

Drupal-CMS


Header-Rubrik - alle Arnold-Infos ganz oben

UnternehmenTechnikVerdeckSattlereiKarosserieMotorenVerchromen

OldtimerVerkaufRestauration124-SpiderGutachtenVersicherungTransporte

Tuv̈

NewsMessen

KontaktImpressumAnfahrt

Teile-ShopStart•

•••••••

••••••••

••

•

•••

Start/Site

Arnold Technik Verdeck Sattlerei Karosserie Motoren Verchromen

Oldtimer Verkauf Restauration 124-Spider Gutachten Versicherung Transport Tüv

News Messen

Teile-Shop

Kontakt Anfahrt Impressum

21x Rubrik im Detail

21x Header-Rubriken

• sind mit den Header-Rubik verlinkt

• sollen fokussieren

• den User auf Top-Themen lenken

4x Kachel-Rubrik / Bild

• alle Unternehmens-Infos sind hier zu finden

• an Top-Position (Kopf-Bereich)

mit

Ausklapp-Fenster (Rurbik)

• räumliche Trennung von der Car- Rubrik (3x Car-Rubriken)

Car-Rubirk / 44 Oldtimer

• sind mit den Header-Rubik verlink

• sollen fokussieren

• den User auf Top-Themen lenken

4x Kachel-Rubrik / Text



Drupal-CMS


Header-Rubrik - 18x Top- Infos ganz oben

• 18x Header-Rubriken haben ein eigenes Header-Bild mit Text

• Stand-Bild (ohne Slider)

Header-Rubriken mit Bild

•••••••

Arnold Technik Verdeck Sattlerei Karosserie Motoren Verchromen

••••••••

••

Oldtimer Verkauf Restauration 124-Spider Gutachten Versicherung Transport Tüv

News Messen



Drupal-CMS


3x Car-Rubriken - alle Oldtimer im Blick

• 3x Car-Rubriken = Oldtimer-Rubriken

1) Verkaufzeigt die zu verkaufenden Oldtimer

2) Referenzzeigt die verkauften Oldtimer

3) Restaurationzeigt die restaurierten Oldtimer

•

•

•

• warum doppelte Darstellung ? Beispiel: Jensen-Interceptor

• Oldtimer können in zwei Rubriken auftauchen

1) wenn der Oldtimer restauriert wurde, ist das ein Restaurations-Oldtimer mit der Restaurations-Dokumentation.

2) gleichzeitig ist das Auto ein Verkaufs- Oldtimer, der als Handels-Ware angepriesen wird (Verkaufs-Portrait).

• übersichtliche Anordnung der 3x Haupt-Gruppe

Oltimer-Pool Verkauf : 10x Referenz : 16x Restauration : 16x

•••

3x Car-Rubrik

Übersichtlich + gut finden

Konzept : Car-Rubrik

• in der jeweiligen Car-Gruppe werden der Car-Pool als Bild mit Bezeichnung gezeigt

• Bilder-Gruppe hat einen Slider

Doppelte Darstellung



Drupal-CMS


Car-Rubrik - alle Oldtimer-Infos auf einer Seite

• alle technischen Daten auf einen Blick

• Tabellen-Fenster

• Oldtimer-Galerie• mit Mini-Pic + Slider• mit Groß-Bild• mit Maxi-Bild-Funktion

• Download der Oldtimer Portrait als PDF

• Download alls Bilder als Zip-Datei (1200 Pixel + Arnold-Branding)

• großes Text-Fenster für die Fahrzeug-Beschreibung

• flexibles Text-Fenster / paßt sich dem Text-Volumen an

Haupt-Text / links

Technische Daten• Bezeichnung des Oldtimer

• Zurück-Taste

• User springt zur ausgewählten Car-Rubrik zurück

• um schnell + einfach weitere Oldtimer ansehen zu können

• die Zurück-Button ist felxibel und folgt dem User-Screen

• jede Oldtimer-Rubrik hat sein eigenes Header-Bild mit der Fahrzeug-Bezeichnung

• es gibt keinen Bild-Slider (Bewegung)

gehe Zurück-Button

Oldtimer Bezeichnung

Bilder-Galerie

Header-Bild für jedes Car

• großes Text-Fenster für die Fahrzeug-Beschreibung

• flexibels Text-Fenster / paßt sich dem Text-Volumen an

Haupt-Text / rechts

Download-Bereich

Konzept : Oldtimer-Site

• alle Oldtimer Daten auf einer Site

1) Header-Bild + Bezeichnung2) Bilder-Galerie mit Maxi-Funktion3) Technische-Daten-Tabelle4) Text-Fenster mit Unterteilung5) Download-Bereich der Auto-Daten



Drupal-CMS


Header-Rubrike - Arnold-Infos im Detail

• pro Rubrik ist 1x Header-Bild mit Headline

• alle 18 Header-Rubriken erhalten 1x Header-Bild mit Top-Info

• ohne Slider (Bewegung)

• 8x Header-Rurik mit Galerie erhalten eine Text-Zeile im Bild

1) Unternehmen2) Motoren3) Karosserie4) Sattlerei5) Technik6) Verdeck7) Verchromen8) 124-Spider

• der Text hat eine Bild-Nummer und erläutert das Bild

• diese Funktion gibt es nicht bei den Car-Rubriken (Galerie)

Galerie mit Text

Header-Bild / Top-Info

• großes Text-Fenster für die Unternehmens-Beschreibung

• flexibles Text-Fenster / paßt sich dem Text-Volumen an

Haupt-Text / links

• großes Text-Fenster für die Unternehmens-Beschreibung

• flexibels Text-Fenster / paßt sich dem Text-Volumen an

Haupt-Text / rechts

• kleines Text-Fenster für die Unternehmens-Beschreibung

Text-Fenster / Galerie

• sind mit den Header-Rubik verlink• sollen fokussieren• den User auf Top-Themen lenken

4x Kachel-Rubrik / Text



Drupal-CMS


Bilder-Galerie - 1700 Bilder im Fokus

• Bild mit Maxi-Darstellung

• in einem neuen Web-Fenster

• mit 1200 Pixel Größe

• alle Bilder haben ein Arnold-Branding

Maxi-Bild Darstellung

Galerie-Funktion

• Bild in großer Darstellung

• mit Maxi-Bild-Funktion (Lupe)

• die Bild-Galerie ist das wichtigste Präsentations-Tool der Arnold-Site

• Bilder sagen mehr als 1.000 Worte oder eine Beschreibung

• jede Web-Rubrik hat eine eigene Bild-Galerie

• die Galerie kann mit Bild-Text oder ohne Bild-Text sein (3x Car-Rubriken)

• die Galerie hat eine Mini-Bild-Übersicht + einen Bild-Slider + eine Bild-Maxi Funktion

• Ziel: einfaches + übersichtliches Handling von 1.700 Bildern

Bild-Konzept

• Galerie-Übersicht mit Bild-Slider

• bei Klick: vergrößerte Darstellung



Drupal-CMS

neues Web-Fenster bei Klick... Lupe

• bei Klick auf die Lupe :

öffnet sich das Bild in einem neuen Web-Fenster in der Maxi-Darstellung•

Maxi-Bild-Darstellung


Car-Rubrik : 10 x Oldtimer-Verkauf

• hier werden „zu verkaufenden“ Oldtimer gezeigt : Verkaufs-Portrait

• diese Oldtimer können Handel-Ware sein oder Restaurations-Oldtimer

• mit einer Verkaufsbeschreibung : 1) Modell-History : Modell-Geschichte2) Oldtimer-Story : VK-Text + ClassicData-Bewertung

• Oldtimer - Verkauf = 10x Cars

• alle Oldtimer erhalten eine ID-Kennung (Beispiel: N114 / Jensen-Interceptor)

N-114 : Jensen / InterceptorN-124 : Fiat / 124 Spider (anthrazit)N-125 : MG / B-GT (weiß)N-126 : MG / B-GT (grün)N-127 : Peugeot / 304-S CabrioN-128 : Mercedes Benz / 220 SEN-129 : Mercedes / 250 SE CabrioN-130 : Lancia / Flavia ZagatoN-132 : Porsche / 911 CarreraN-131 : Chevrolet / Corvette C1

Car-Rubrik : Oldtimer-Verkauf



Drupal-CMS


Car-Rubrik : 16 x Oldtimer-Referenz

• hier werden „verkaufte“ Oldtimer gezeigt : Verkaufs-Portrait / Referenz

• diese Oldtimer können Handel-Ware sein oder Restaurations-Oldtimer

• mit einer Verkaufsbeschreibung : 1) Modell-History : Modell-Geschichte2) Oldtimer-Story : VK-Text + ClassicData-Bewertung

• Oldtimer - Referenz = 16x Cars

• alle Oldtimer erhalten eine ID-Kennung(Beispiel: N122 / Renault-Alpine)

N-123 : Fiat / 124 Spider (anthrazit)N-116 : Citroen / 2CV EnteN-122 : Renault / Alpine A110N-115 : Fiat / 124 Spider (silber)N-105 : Fiat / 124 Spider (blau)N-108 : Fiat / 124 Spider (schwarz)N-110 : Fiat / 124 Abarth (blau-schwarz)N-111 : Porsche / 911 SC Weissach-Edi.N-112 : Iso Rivolta / Iso GrifoN-119 : Ferrari / 250 GTEN-104 : Lancia / Fulvia Zagato (blau)N-118 : Lancia / Fulvia Zagato (blau-orange)N-103 : Lancia / Fulvia Zagato (silber)N-102 : Lancia / Aurelia B20N-117 : Fiat / 124 Spider (gelb)N-109 : Porsche / 911 SC Targa

Car-Rubrik : Oldtimer-Referenz


WebSite Arnold


Responsive-Design

Drupal-CMS

Car-Rubrik : 16 x Oldtimer-Restauration

• hier werden „restaurierte“ Oldtimer gezeigt: Restaurations-Beschreibung

• dabei stehen die Restaurations-Arbeiten im Vordergrund : dokumentiert mit Bild + Text

• Oldtimer - Restauration = 16x Cars

• alle Oldtimer erhalten eine ID-Kennung (Beispiel: N114 / Jensen-Interceptor)

N-116 : Citroen / 2CV EnteN-115 : Fiat / 124 Spider (silber)N-114 : Jensen / InterceptorN-113 : Dodge / Hot-Rod CoupeN-112 : Iso Rivolta / Iso GrifoN-111 : Porsche / 911 SC Weissach-Edi.N-110 : Fiat / 124 Abarth (blau-schwarz)N-109 : Porsche / 911 SC TargaN-108 : Fiat / 124 Spider (schwarz)N-107 : Amphi CarN-106 : Porsche / 914-6 (orange)N-105 : Fiat / 124 Spider (blau)N-104 : Lancia / Fulvia Zagato (blau)N-103 : Lancia / Fulvia Zagato (silber)N-102 : Lancia / Aurelia B20N-101 : Fiat / 124 Spider (orange)

Car-Rubrik : Oldtimer-Restauration


WebSite Arnold WebSite Arnold Responsive-Design

Drupal-CMS


website arnold start-site ohne begrüßung - gleich mitten ... · start-site ohne begrüßung -...

Documents