Mobile First Design mit Figma: Konzeption, Design und Prototyping
A course by Lucas NikitczukGrafikdesigner
A course by Lucas Nikitczuk, Grafikdesigner
Lerne, ein Konzept für eine mobile Webseite zu entwickeln und ein eindrucksvolles Nutzererlebnis zu schaffen
Im Laufe der Zeit hat es eine klare Entwicklung vom Desktop- zum mobilen Design gegeben. Und es ist so, dass Menschen jederzeit nach schnellen, nützlichen und zugänglichen Informationen suchen. All dies wird in seinen Projekten von Designer Lucas Nikitzcuk, Gründer des am meisten ausgezeichneten lateinamerikanischen Designstudios bei den Awwwards, berücksichtigt: Estudio NK.
In diesem Online-Kurs bringt er Ihnen bei, wie Sie aus dem Design von Schnittstellen für kleine Bildschirme ein Erlebnis für Webbenutzer schaffen. Während der Lektionen tauchen Sie mit Figma in die UX/UI-Welt ein und lernen, wie Sie ein Konzept für jede mobile Website von Grund auf neu entwickeln.
Was lernst du in diesem Onlinekurs?
17 Lektionen & 17 Downloads
Informationsarchitektur
5 Minuten, 53 Sekunden
UX-Design 1
16 Minuten, 50 Sekunden
UX-Design 2
17 Minuten, 8 Sekunden
UI-Design 1
18 Minuten, 29 Sekunden
IxD-Design 1
17 Minuten, 21 Sekunden
Komponentendesign und Montage des UI-Kits 1
18 Minuten, 15 Sekunden
Was ist in diesem Kurs enthalten?
Sie beginnen den Kurs damit, Ihren Lehrer Lucas Nikitzcuk besser kennenzulernen, der mit Ihnen über seinen beruflichen Werdegang, seinen Arbeitsprozess und seine wichtigsten Einflüsse sprechen wird.
Anschließend analysieren Sie die Entwicklung vom Desktop- zum Mobile-Design. Sie erfahren, was die Prinzipien des UX/UI-Designs sind, welche Regeln zu befolgen sind und wie Sie die Erfahrung für Benutzer erleichtern können. Sie üben auch den Arbeitsablauf und gehen von der Information zur Materialisierung, um das Konzept Ihres Projekts zu erstellen.
In der nächsten Einheit führen Sie Informationsarchitektur durch. Sie werden in das UX-Design eintauchen und die Bedeutung von Wireframes erkennen, um die Reise zu organisieren, die der Benutzer unternehmen wird. Später nähern Sie sich dem UI-Design und erstellen einen Prototyp, der mit der visuellen Identität der Marke übereinstimmt. Darüber hinaus fügen Sie Ihrem Projekt Interaktion hinzu und generieren sowohl eine Komponentenbibliothek als auch ein UI-Kit.
In den letzten Lektionen des Kurses wechseln Sie vom Design zur Entwicklung. Sie erstellen ein funktionales Dokument, das jeden Abschnitt der Zielseite widerspiegelt. Schließlich lernen Sie, dem Entwicklungsteam angemessenes Feedback zu geben, und Sie führen eine QA des Vorgangs durch, um mögliche Fehler zu erkennen.
What is this course's project?
Sie gestalten eine beeindruckende Onepage für eine Marke, von der Recherche bis zur Vorbereitung von Dateien für das Entwicklungsteam.
Who is this online course for?
Für Menschen, die neue Wege des Denkens, Gestaltens und Erstellens unvergesslicher Websites kennenlernen möchten.
Requirements and materials
Um diesen Kurs abzuschließen, benötigen Sie Grundkenntnisse in UX/UI-Design und einen Computer, auf dem Figma installiert ist.
Bewertungen
- vor 3 Monaten
Very well explained on UX, but the design is more advanced now (2026). We should keep it in mind, but for a beginner, it's a starting point of web design in mobile.
- vor 3 Monaten
Muy bueno y muy bien explicado
- vor 7 Monaten
Gran curso , muy completo
- vor 1 Jahr
Ha sido un curso excelente. He aprendido muchísimo sobre diseño y también sobre figma. Es tan entretenido que se ve de un tirón.
- vor 2 Jahren
El curso es muy didáctico, muestra todo el trabajo que realiza claramente con el ejemplo del mobil web que va creando en figma. Buenos consejos y trucos compartidos. Recomendado al 100%
Estudio NK ist das am meisten ausgezeichnete lateinamerikanische Designstudio bei Awwwards. Einige der Kunden, mit denen sie zusammengearbeitet haben, sind Lucciano's, Santander und Mercado Libre.
Inhalt
- E1
Einführung
- Über mich
- Inspirationen
- E2
Lernen Sie die mobile Welt kennen und bereiten Sie sich darauf vor
- Designentwicklung von Desktop zu Mobile 1
- Designentwicklung vom Desktop zum Handy 2
- Arbeitsabläufe und Erstdiagnose
- Konzeptualisierung
- E3
UX/UI-Design einer wirkungsvollen Onepage
- Informationsarchitektur
- UX-Design 1
- UX-Design 2
- UI-Design 1
- UI-Design 2
- IxD-Design 1
- IxD-Design 2
- Komponentendesign und Montage des UI-Kits 1
- Komponentendesign und Montage von UI Kit 2
- E4
Vom Design bis zur Entwicklung
- Funktionales Dokument
- Feedback an das Entwicklungsteam
- AP
Abschlussprojekt
- Mobile First Design mit Figma: Konzeption, Design und Prototyping
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.
Certificates
PLUSIf you're a Plus member, get a personalisiertes und unterzeichnetes Zertifikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
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
You’ll learn how to develop branding, creative naming, website design, e-commerce, mobile experiences, digital identity systems, and apply current trends in digital products—from concept through implementation and project validation.
This is an intermediate-level course, recommended for those with basic design knowledge or prior experience in digital projects who want to deepen their understanding of branding and digital experience.
You only need basic digital design skills and familiarity with tools like Figma. Being an expert isn’t required, but some prior experience with digital projects or graphic design is recommended.
The course covers the full process of branding and designing digital experiences: from naming and packaging to developing websites, e-commerce, brand identity systems, prototypes, and mobile optimization.
Yes, you’ll learn to design adaptive websites using mobile-first and responsive strategies, as well as how to optimize the mobile user experience.
Yes, the course includes practical exercises in wireframing, prototyping, and designing one-page sites, landing pages, and design systems using Figma.
Yes, you’ll be taught how to create Design Systems, define typographic hierarchies, color palettes, reusable components, and document everything for development teams.