Innovative und kreative Websites designen
Ein Kurs von Contra StudioStudio für digitales Design
Ein Kurs von Contra Studio, Studio für digitales Design
Lerne den Prozess und die Tools zur Erstellung informativer und interaktiver Websites kennen, die sich durch ihre Kreativität auszeichnen
Möchten Sie Ihr Grafikwissen auf die nächste Stufe heben? In diesem Online-Kurs lernen Sie, gemeinsam mit den Designern und Gründern von Contra Studio, Juan Felipe Luna und Sebastián Vélez, interaktive und informative Websites zu gestalten. Sie haben mit Kunden wie Nike, La Silla Vacía, S&Co oder Bastarda Type zusammengearbeitet.
In den Lektionen lernen Sie, wie Sie mit Figma interaktive Seiten erstellen, die Ihre Benutzer begeistern. Sie geben Ihnen die notwendigen Werkzeuge an die Hand, um Ihre Kreativität zu entwickeln, indem sie die Anforderungen des Kunden berücksichtigen und grundlegende Design- und Interaktivitätskonzepte anwenden, die Ihre digitalen Projekte auf ein professionelles Niveau bringen.
Was lernst du in diesem Onlinekurs?
19 Lektionen & 25 Downloads
Den Brief erhalten
6 Minuten, 27 Sekunden
Forschungs- und Navigationskarte
4 Minuten, 5 Sekunden
Content-Strategie und Informationsarchitektur
7 Minuten, 13 Sekunden
Wireframe 1
16 Minuten, 25 Sekunden
Die Farbe
19 Minuten, 29 Sekunden
Bewegungsdesign
9 Minuten, 13 Sekunden
Was ist in diesem Kurs enthalten?
Sie beginnen den Kurs und treffen Juan Felipe Luna und Sebastián Vélez, Ihre Lehrer. Sie werden Ihnen etwas über Contra Studio, ihre Geschichte und was und wer sie beim Schaffen inspiriert, erzählen.
Der erste Schritt in einem erfolgreichen digitalen Projekt besteht darin, sich mit dem Kunden durch ein Briefing abzustimmen, um das Projekt und die Ziele gut zu definieren. Anschließend analysieren Sie in der Recherche- und Entdeckungsphase unter anderem Chancen und Risiken, Wettbewerb, Benchmarks für ähnliche Produkte.
Sie werden verstehen, was eine Navigationskarte ist, und Sie werden eine Inhaltsstrategie erstellen, um den Inhalt zu definieren und zu strukturieren. Dann verwenden Sie Figma, um die Wireframes einzurichten, den Ausgangspunkt für die Ausarbeitung jeder Seite.
Sie kennen die Arten von Layouts, ihre Verwendung und Variationen; und Sie treffen Typografie-, Farb- und Ikonografieentscheidungen. Dann lernen Sie, wie Sie Ihre Website mit Bewegungsdesign, Interaktionen, Übergängen, Gesten und anderen Details zum Leben erwecken.
Schließlich werden Sie sehen, wie Sie Ihre Arbeit dem Kunden präsentieren, Feedback verwalten und das Projekt für Entwickler vorbereiten, indem Sie einen Styleguide erstellen.
Empfohlene Software und Tools für diesen Kurs
Was ist das Kursprojekt?
Sie entwerfen eine informative Website mit einer einfachen Struktur für einen potenziellen Kunden, der ein Freiberufler, ein Unternehmen oder sogar ein E-Commerce-Unternehmen sein kann.
Projekte von Kursteilnehmenden
An wen richtet sich dieser Onlinekurs?
Für kreative und neugierige Menschen, die daran interessiert sind, sich im Website-Design zu versuchen, um Projekte zu erstellen, die einen Einfluss auf Menschen haben.
Anforderungen und benötigte Materialien
Um diesen Kurs zu absolvieren, benötigen Sie lediglich Grundkenntnisse in Grafikdesign und der Verwendung des Figma-Programms.
xxx
Bewertungen
- vor 4 Monaten
Practico, diferente y claro.
- vor 8 Monaten
Excelente. MUY buen curso
- irene_schnabelPLUSvor 1 Jahr
Muy interesante. Me resultó dinámico, claro y creativo.
- vor 1 Jahr
Muy buen curso, muy claro e útil como abordan el proyecto. Me esta gustando muchísimo.
- vor 1 Jahr
¡Excelente curso! ¡Grandes diseñadores! Mi admiración y respeto para con su trabajo.
Sie haben mit Kunden wie Nike, La Silla Vacía, S&Co oder Bastarda Type zusammengearbeitet; und ihre Projekte wurden unter anderem mit Preisen wie den Latin American Design Awards sowie auf Portalen wie Communication Arts ausgezeichnet.
Inhalt
- E1
Einführung
- Präsentation
- Einflüsse
- E2
Recherche und Kontext
- Den Brief erhalten
- Forschungs- und Navigationskarte
- Referenzen und Inspiration
- E3
Struktur und Drahtgitter
- Content-Strategie und Informationsarchitektur
- Wireframe 1
- Wireframe 2
- Wireframing-Empfehlungen
- E4
Kunstrichtung
- Layouts und Raster
- Die Typografie
- Die Farbe
- E5
Die Interaktion
- Bewegungsdesign
- Interaktionen und Mikrointeraktionen 1
- Interaktionen und Mikrointeraktionen 2
- Gesten und grafische Details
- E6
Nach dem Entwerfen
- Präsentation beim Auftraggeber
- Feedback erhalten
- Erstellen Sie einen Styleguide
- AP
Abschlussprojekt
- Innovative und kreative Websites designen
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 für jeden Kurs ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Teile es in deinem Portfolio, in sozialen Netzwerken oder wo immer du möchtest.
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
This course is designed for people with basic to intermediate knowledge in design or web development who want to deepen their skills in creating interactive and creative digital products. It’s not for complete beginners.
You’ll need a computer and internet access. The course mainly uses Figma, so having an active account and some basic familiarity with the tool is recommended.
You’ll learn how to create interactive digital products, design wireframes and navigation maps in Figma, develop innovative solutions, manage briefs, research references, and apply animations and microinteractions for impactful web experiences.
Yes, part of the course focuses on designing websites for professional portfolios, including how to implement filters and categories to organize and showcase projects effectively.
Yes, it covers strategies and best practices for collaborating effectively with designers and professionals from different countries and fields, enriching the creative process and project outcomes.
The course teaches how to use grids and grid systems to organize content and create creative, functional, and responsive layouts that ensure visual consistency and a great user experience.
You’ll learn how to ask the right questions during the brief, gather and filter relevant information, and align the client’s goals with the web design project’s objectives.