E-Commerce-Design mit Figma
Ein Kurs von Creative Nights , Designer und Art Director
Lerne, mit Figma einen Prototyp für eine E-Commerce-Website zu designen, der ein reibungsloses Benutzererlebnis bietet und für die Weitergabe an Entwickler bereit ist
In den letzten Jahren hat sich die Welt des E-Commerce schneller als je zuvor entwickelt. Mit treibenden Elementen wie UX und Web-Optimierung auf dem Vormarsch, konkurrieren Unternehmen um die Aufmerksamkeit der Kunden. Der preisgekrönte Designer Marek Suchánek erstellt äußerst ansprechende E-Commerce-Websites, die nicht nur Produkte verkaufen, sondern auch die Mission, Werte und Prinzipien einer Marke repräsentieren.
In diesem Online-Kurs lernen Sie, wie man einen E-Commerce erstellt, dass nicht nur eine Website ist, sondern aktuelle Trends nutzt und Kunden bei der Stange hält. Entdecken Sie, wie Sie jeden Aspekt einer Website mit den leistungsstarken Tools von Figma gestalten und sie für die Übergabe an Webentwickler vorbereiten können.
Was lernst du in diesem Onlinekurs?
18 Lektionen & 31 Downloads
- 98% positive Bewertungen (53)
- 2,174 Lernende
- 18 Lektionen (3 Stdn. 56 Min.)
- 31 Zusatzmaterialien (13 Dateien)
- Online und in deinem Tempo
- Verfügbar via App
- Audiosprache: Englisch
- Englisch · Spanisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch · Türkçe · rumänisch · Indonesisch
- Niveau: Anfänger
- Dauerhaft unbegrenzter Zugang
Empfohlene Software und Tools für diesen Kurs
FigmaWas ist das Kursprojekt?
Entwerfen Sie eine E-Commerce-Website, bereit für die Präsentation und Entwicklung.
Projekte von Kursteilnehmenden
An wen richtet sich dieser Onlinekurs?
Dieser Kurs richtet sich an alle, die einen effizienten und optisch ansprechenden E-Commerce aufbauen möchten. Perfekt für angehende Webdesigner oder Geschäftsinhaber.
Anforderungen und benötigte Materialien
Grundlegende Erfahrung mit Illustrator und Photoshop wird dringend empfohlen.
Außerdem benötigen Sie Zugriff auf Figma.
Bewertungen
Creative Nights
Ein Kurs von Creative Nights
Marek Suchánek ist Designer und Mitbegründer von Creative Nights, einem preisgekrönten unabhängigen Studio mit Sitz in Prag. Seine Karriere begann kurz nach seinem Abschluss in Grafikdesign an der Universität Tomas Bata in Zlin, Tschechische Republik. Marek ist ein vielseitiger Designer, der traditionelles Grafik- und Digitaldesign pflegt und fördert.
Durch sein Studio Creative Nights verfügt er über umfangreiche Erfahrung in der Schaffung von Offline- und Online-Identitäten, die das entscheidende Verständnis von zeitgenössischem Design und Ansätzen vereinen. Ihre Arbeit wurde von führenden digitalen Plattformen wie dem Awwwards for the Favourite Website Award ausgezeichnet.
Inhalt
-
E1
Einführung
-
Über mich
-
Einflüsse
-
-
E2
Vorbereitung auf ein Projekt
-
Die Bedeutung des Briefings
-
Inhaltsprüfung
-
Sitemap erstellen
-
-
E3
UX-Phase und Art Direction
-
Das Moodboard
-
Ein festes Drahtmodell 1
-
Ein festes Drahtmodell 2
-
Erkundung der Art Direction
-
-
E4
Gestaltungselemente definieren
-
Auswahl des richtigen Layouts
-
Mit Typografie die Botschaft vermitteln
-
Maßgeschneiderte Illustrationen
-
Steigerung des Bildinhalts
-
-
E5
Responsive Design und Übergabe für die Entwicklung
-
Definieren der Komponenten in Figma
-
Entwerfen der Seiten für responsive Auflösungen
-
Definieren des Styleguides
-
-
E6
Präsentation und Final Boost
-
Erstellen einer richtigen Präsentation
-
Erstellen eines animierten Modells
-
-
AP
Abschlussprojekt
-
Ecommerce-Design von Grund auf mit Figma
-
Was erwartet dich in einem Domestika-Kurs?
-
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
-
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
-
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
-
Zertifikate
PlusErhalte als Plus-Mitglied ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Füge es deinem Portfolio hinzu oder teile es online, um deine Teilnahme zu bestätigen.
-
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
-
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
-
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
-
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
Yes, this course is designed for intermediate graphic designers who want to deepen their expertise in digital design, e-commerce projects, and portfolio development.
You will need access to Adobe Photoshop and Figma. Familiarity with these tools is recommended, as the course covers advanced workflows and integration for digital design projects.
You will learn how to create visual identities, design effective e-commerce sitemaps, produce wireframes, develop moodboards, and apply advanced Photoshop and Figma techniques to real-world projects.
Yes, the course teaches systematic folder structures, content audits, and asset organization to streamline collaboration and prepare files for developers.
Yes, you will discover strategies for creating a strong online portfolio and learn tips for showcasing your work effectively on platforms like Behance.
Yes, the course includes in-depth lessons on building e-commerce sitemaps, crafting wireframes, and organizing navigation and product collections in Figma.
Basic familiarity with Photoshop and Figma is recommended, as the course covers intermediate to advanced techniques for digital design and prototyping.
Figma
This course is easy to follow and helped me design clean and professional layouts.
This is exactly what I need right now. Great course for someone who wants to upgrade knowledge in e-commerce.
Excelente curso te lleva paso a paso con mucho detalle.
Ótimo curso
Very good!