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
Dieser Kurs richtet sich an Personen mit Grund- bis Mittelkenntnissen in Design oder Webentwicklung, die ihre Fähigkeiten in der Gestaltung interaktiver und kreativer digitaler Produkte vertiefen möchten. Er ist nicht für absolute Anfänger geeignet.
Du brauchst einen Computer und Internetzugang. Hauptsächlich wird Figma verwendet, daher ist ein aktives Konto und Grundwissen in diesem Tool empfehlenswert.
Du lernst, interaktive digitale Produkte zu gestalten, Wireframes und Navigationskarten in Figma zu erstellen, innovative Lösungen zu entwickeln, Briefings zu managen, Referenzen zu recherchieren und Animationen sowie Mikrointeraktionen für beeindruckende Web-Erlebnisse anzuwenden.
Ja, ein Teil des Kurses konzentriert sich darauf, professionelle Portfolio-Websites zu gestalten, inklusive der Umsetzung von Filtern und Kategorien, um Projekte effektiv zu organisieren und zu präsentieren.
Ja, es werden Strategien und bewährte Methoden vermittelt, um erfolgreich mit Designern und Fachleuten aus verschiedenen Ländern und Disziplinen zusammenzuarbeiten, was den kreativen Prozess und die Projektergebnisse bereichert.
Der Kurs zeigt, wie man Raster und Grid-Systeme nutzt, um Inhalte zu strukturieren und kreative, funktionale sowie geräteübergreifende Layouts zu gestalten, die visuelle Kohärenz und Nutzerfreundlichkeit gewährleisten.
Du lernst, wie man effektive Fragen im Briefing stellt, relevante Informationen sammelt und filtert sowie die Ziele des Kunden mit den Projektzielen im Webdesign in Einklang bringt.