2good2Btrue

Ein Projekt für eine statische Website

Projektbeschreibung und Vorgehensweise

  • Hintergrund
  • Aufgabe
  • Umsetzung
  • Programmierung und Gestaltung einer statischen Website mit HTML5, CSS3 und JavaScript
  • Konzepterstellung
  • Vollständig responsives Design
  • jQuery-Bibliothek einbinden und Code Snippets einarbeiten
  • Rechtliche Aspekte berücksichtigen (Impressum, DaSchu, Medienrecht)
  • Präsentation des Projektes vor der Gruppe

Auf die Umsetzung des Projektes gehe ich hier nur stichpunktartig ein. Kernpunkt des Projektes war die Frontend Programmierung einer statischen Website. Das Ergebnis zeigt die Galerie unten. 

Konzepterstellung

  • Anforderungen der Zielgruppe
  • Auftraggeber (Ziele und Umfang der Website)
  • Sitemap und Breakpoints
  • Farbgebung und Schriftarten
  • Besonderheiten (Sticky Header Navigation, Parallax-Effekte, Lightbox, Tabelle, Kontaktformular)
  • Wireframe (Grobskizze)

HTML5 im Einsatz

  • Favicon und Fonticons einbinden
  • Fonts über eigenen Server einbinden
  • Header mit Site-Navigation
  • Herobox
  • Aside
  • Tabelle
  • Slide-Show
  • Testimonial
  • Kontaktformular mit Karte
  • Footer mit Social Fonticons und Navigation zu rechtlichen Seiten

CSS3 im Einsatz

  • Parallax Effekt
  • Sticky Header Navigation mit Toggle Menue und verkleinertem Logo im responsiven Design
  • Overlay beim Hovern (mittels dot.png und rgba)
  • vollständig responsives Design

JavaScript im Einsatz (mit jQuery)

  • Scroll-to-top-Button
  • Testimonial
  • Accordion (Toggle Slide)
  • Lightbox
  • Slide-Show

Screenshots des Projektes

„2good2Btrue – Die Software für erfolgreiche Choreografien auf Ihren Veranstaltungen!“ 

Diese Website habe ich im Rahmen meiner Weiterbildung aufgesetzt. Sie ist online nicht erreichbar.

Galerie mit Screenshots folgt