website arnold start-site ohne begrüßung - gleich mitten ... · start-site ohne begrüßung -...
Post on 27-Aug-2019
225 Views
Preview:
TRANSCRIPT
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 Mail@avaflow.de
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
www.avaflow.comGroße Bäcker-Str. 9 20095 HamburgTel: 040-415 48 346 Mail@avaflow.de
WebSite Arnold Responsive-Design
Drupal-CMS
Web-Konzept / Design / CMS-Umsetzung / Content-Erstellung
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
www.avaflow.comGroße Bäcker-Str. 9 20095 HamburgTel: 040-415 48 346 Mail@avaflow.de
WebSite Arnold Responsive-Design
Drupal-CMS
Web-Konzept / Design / CMS-Umsetzung / Content-Erstellung
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
www.avaflow.comGroße Bäcker-Str. 9 20095 HamburgTel: 040-415 48 346 Mail@avaflow.de
WebSite Arnold Responsive-Design
Drupal-CMS
Web-Konzept / Design / CMS-Umsetzung / Content-Erstellung
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
www.avaflow.comGroße Bäcker-Str. 9 20095 HamburgTel: 040-415 48 346 Mail@avaflow.de
WebSite Arnold Responsive-Design
Drupal-CMS
Web-Konzept / Design / CMS-Umsetzung / Content-Erstellung
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
www.avaflow.comGroße Bäcker-Str. 9 20095 HamburgTel: 040-415 48 346 Mail@avaflow.de
WebSite Arnold Responsive-Design
Drupal-CMS
Web-Konzept / Design / CMS-Umsetzung / Content-Erstellung
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
www.avaflow.comGroße Bäcker-Str. 9 20095 HamburgTel: 040-415 48 346 Mail@avaflow.de
WebSite Arnold Responsive-Design
Drupal-CMS
Web-Konzept / Design / CMS-Umsetzung / Content-Erstellung
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
www.avaflow.comGroße Bäcker-Str. 9 20095 HamburgTel: 040-415 48 346 Mail@avaflow.de
WebSite Arnold Responsive-Design
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
Web-Konzept / Design / CMS-Umsetzung / Content-Erstellung
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
www.avaflow.comGroße Bäcker-Str. 9 20095 HamburgTel: 040-415 48 346 Mail@avaflow.de
WebSite Arnold Responsive-Design
Drupal-CMS
Web-Konzept / Design / CMS-Umsetzung / Content-Erstellung
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
www.avaflow.comGroße Bäcker-Str. 9 20095 HamburgTel: 040-415 48 346 Mail@avaflow.de
WebSite Arnold
Web-Konzept / Design / CMS-Umsetzung / Content-Erstellung
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
www.avaflow.comGroße Bäcker-Str. 9 20095 HamburgTel: 040-415 48 346 Mail@avaflow.de
WebSite Arnold WebSite Arnold Responsive-Design
Drupal-CMS
Web-Konzept / Design / CMS-Umsetzung / Content-Erstellung
top related