Von Johanna: Johannas Praktikum bei wwwe

Über mich

Hey, ich bin Johanna, 23 Jahre alt und komme aus Düsseldorf.

Zurzeit bin ich im zweiten Ausbildungsjahr zur Mediengestalterin Digital und Print. Vom 30.09.2024 bis 08.10.2024 durfte ich mein Praktikum bei der wwwe in Düsseldorf absolvieren. Design ist meine große Leidenschaft, vor allem im digitalen Bereich. Bei wwwe hatte ich die Chance, diese Begeisterung mit neuen Kenntnissen zu verknüpfen und gleichzeitig in die spannende Welt des Programmierens einzutauchen und sie neu für mich zu entdecken.

Vorerfahrung

Vor meinem Praktikum hatte ich noch keine praktische Erfahrung in der Website-Gestaltung oder im Umgang mit Figma. Jedoch konnte ich bereits Wissen und Fähigkeiten in den Bereichen Konzeptentwicklung und Layoutgestaltung einbringen.

Projekt

Während meiner Praktikumswoche plante Teodora ein Projekt, das den gesamten Prozess der Website-Gestaltung abdeckt – von der Konzeptphase über die Layoutentwicklung bis hin zur Programmierung – um eine realitätsnahe Kundenanfrage zu simulieren. Ich entschied mich, die Website für die Trattoria Salvatore zu gestalten, ein charmantes Restaurant und Pizzeria in Essen. Die Trattoria wirbt mit vielen Highlights, wie einer großzügigen Fläche von ca. 150 m², einem offenen Holzofen, authentischer italienischer Küche und einer schönen Außenterrasse – all das macht sie zu einem besonderen Erlebnis für die Gäste.

Konzeptionsphase

Die Konzeptionsphase erwies sich als fundamentaler Teil des Projekts. Zunächst arbeitete ich den USP der Trattoria Salvatore heraus, wobei sich der offene Holzofen, die großzügige Terrasse und die authentische italienische Küche als zentrale Alleinstellungsmerkmale herausstellten. Danach folgte die Zielgruppenanalyse, wo ich die soziodemografischen Merkmale der potenziellen Gäste definierte. Dabei erkannte ich, dass die Trattoria vor allem junge Erwachsene, Paare und Familien anspricht, die ein gemütliches Ambiente und hochwertige italienische Küche schätzen.

Das Gestaltungskonzept war der nächste wichtige Schritt. Zur Inspiration recherchierte ich auf Plattformen wie Pinterest und Behance, um typische italienische Designs zu verstehen. Ich entschied mich für warme Farbtöne wie Beige und Rot, die an Pizza erinnern – Rot für die Tomatensoße, Beige für den Teig. Für die Überschriften wählte ich eine klassische Serifenschrift, um den nostalgischen Flair des Restaurants zu betonen und eine moderne Sans-Serif-Schrift für den Fließtext. Der Look sollte klassisch und traditionell wirken, inspiriert von italienischen Pizzerien.
Zum Abschluss der Konzeptionsphase erstellte ich eine grobe Skizze der Startseite. Diese Wireframes halfen mir, den Aufbau, die Inhalte und die Funktionsweise der geplanten Seite visuell darzustellen.

Layoutphase

Nachdem das Konzept fertiggestellt war, ging es an die technische Umsetzung des Layouts. Das Ziel war es, die zuvor erstellte Skizze und das Gestaltungskonzept mithilfe von HTML und CSS in eine funktionsfähige Webseite zu übertragen. In der technischen Umsetzung begann ich zunächst mit der Strukturierung der Webseite in HTML. Hier wurden die Hauptbereiche, wie der Header, das Navigationsmenü sowie die Inhalte der Startseite, in logische Abschnitte unterteilt. Anschließend ging es an das Styling mit CSS. Auch kleinere interaktive Elemente, wie ein Hover-Effekt auf Buttons und Links, wurden durch CSS-Animationen umgesetzt.

Danke dir, Nico, für deine Unterstützung und deine wertvollen Tipps!

Codingphase

Nachdem das Konzept fertiggestellt war, ging es an die technische Umsetzung des Layouts. Das Ziel war es, die zuvor erstellte Skizze und das Gestaltungskonzept mithilfe von HTML und CSS in eine funktionsfähige Webseite zu übertragen. In der technischen Umsetzung begann ich zunächst mit der Strukturierung der Webseite in HTML. Hier wurden die Hauptbereiche, wie der Header, das Navigationsmenü sowie die Inhalte der Startseite, in logische Abschnitte unterteilt. Anschließend ging es an das Styling mit CSS. Auch kleinere interaktive Elemente, wie ein Hover-Effekt auf Buttons und Links, wurden durch CSS-Animationen umgesetzt. Danke dir, Nico für deine Unterstützung und deine wertvollen Tipps!

Fazit

Mein Praktikum bei wwwe war eine spannende und interessante Erfahrung für mich. Von Anfang an war ich umgeben von einem sehr engagierten und kreativen Team, das mich herzlich aufgenommen hat. Ich konnte während dieser Zeit wertvolle Einblicke in die Welt der Websitegestaltung gewinnen und meine Fähigkeiten in der Webgestaltung und -entwicklung erheblich erweitern.
Besonders beeindruckt hat mich die professionelle Herangehensweise und die hohe Qualität der Projekte, die bei wwwe realisiert werden. Die offene Kommunikation und der regelmäßige Austausch mit den Kollegen haben mir geholfen, meine Ideen zu entwickeln und zu verwirklichen. Ich fühle mich gut vorbereitet für zukünftige Herausforderungen und bin dankbar für die Möglichkeiten, die mir während meines Praktikums geboten wurden.