Prot
ein UP.

Projekt "ProteinUp" Screendesign. Grafikdesign. Produktdesign. Logodesign.

Gestaltung einer Website für ProteinUp

Aufgabenstellung

„ProteinUp, ein aufstrebendes Unternehmen für hochwertiges Proteinpulver, sucht eine Website, die seine Produkte und Unternehmenskultur präsentiert.

Als Webdesigner erstellen Sie ein Konzept für eine ästhetische und informative Website mit Startseitenvisualisierung, Hauptnavigation und Struktur.“

So bin ich vorgegangen

01 - Brainstorming
Erste Fragen
Geschmacksrichtungen?
Naming der Produkte?
Zielgruppe?
Wie könnte das Design aussehen?
02 - Ideen zusammenfassen
Zusammenfassen aller Ideen
Anschließend ordnen in Tabellenartiger Ansicht
03 - Antworten auf erste Fragen
Struktur und Aufbau
Wirkung des Produkts
Wirkung auf den Kunden
04 - Struktur der Website
Tabellarische Ansicht der Seitenstruktur
05 - Logo skizzieren
Ideen mit KI Logo Generator als Inspiration
Erste Entwürfe des Logos in Procreate
06 - Logo bauen
Bauen des Logos
07 - Setzen der Schriften
Auswahl der Schriftarten
08 - Produktentwicklung - Produkte
Mithilfe eigenen Ideen und KI Generator 
Entwurf der Produkte
09 - Festlegen der Farben
Farben für Produktvariationen und Designkomponenten
10 - Produktdesign
Produktmockups in Photoshop
11 - Wireframe Umsetzung
Startseite als Wireframe geplant
12 - Umsetzung der Startseite
Umsetzung der Startseite mit Adobe XD 
Texte mit AI generiert
13 - AI Promo Video generieren
Promo Video mittels AI generiert
14 - Responsive Adaptionen
Tablet und Mobile

Sammlung von Ideen

Wirkung auf den Kunden

  • Kunden direkt ansprechen
  • „Du suchst hochqualitatives Pulver..“
  • „Du willst ein PowerUP
  • „Tritt unserem VIP Club bei…“
  • Wording auffordernd mitzumachen
  • Kunde soll sich „besonders“ fühlen
  • Kunden locken mit Gratis Produkt-Codes – dafür Newsletter-Funnel Aufbau und Bindung
  • „Werde Teil der Community“ – Werde ein Teil von etwas

Wirkung des Produkts

  • Exklusiv
  • Ökologisch Top
  • Hohe Qualität
  • Lecker
  • „Besonders“
  • Kunde soll sich „besonders“ fühlen
  • Gesund
  • Edel
  • Selbsterklärend 

Das Ergebnis

Komplettes Projekt herunterladen

Zusätzliche Ideen

Zusätzlich habe ich noch mögliche, zukünftige Produkte gestaltet und ein AI generiertes Promovideo erstellt.

Diese Programme und Technologien habe ich genutzt

Screendesign
Adobe XD
Produkt- und Logodesign
Adobe Photoshop
Adobe Illustrator
Präsentation
PowerPoint
Website Struktur
Octopus.do
AI Technologien
ChatGPT
InVideo AI
Logo Generator

Überzeugt?

Dann stell mich doch ein 🙂

Oder schau dir meine anderen Arbeitsproben an: 

Zurück