Ontwerp innovatieve en creatieve webpagina's
A course by Contra StudioDIgitale ontwerpstudio
A course by Contra Studio, DIgitale ontwerpstudio
Ontdek het proces en de tools om informatieve en interactieve websites te creëren die verrassen en bij je creatieve projecten passen
Wil je je grafische kennis naar een hoger niveau tillen? In deze online cursus leer je samen met de ontwerpers en oprichters van Contra Studio, Juan Felipe Luna en Sebastián Vélez, interactieve en informatieve websites te ontwerpen. Ze hebben samengewerkt met klanten zoals Nike, La Silla Vacía, S&Co of Bastarda Type.
Tijdens de lessen leer je hoe je interactieve pagina's kunt maken die je gebruikers verbazen met behulp van Figma. Ze geven je de nodige tools om je creativiteit te ontwikkelen, rekening houdend met de eisen van de klant en door basisconcepten van ontwerp en interactiviteit toe te passen die je digitale projecten naar een professioneel niveau zullen tillen.
Wat leer je tijdens deze online cursus?
19 lessen & 25 aanvullende bronnen
De briefing ontvangen
6 minuten, 27 seconden
Onderzoeks- en navigatiekaart
4 minuten, 5 seconden
Contentstrategie en informatiearchitectuur
7 minuten, 13 seconden
Wireframing 1
16 minuten, 25 seconden
De kleur
19 minuten, 29 seconden
Bewegend ontwerp
9 minuten, 13 seconden
Wat is inbegrepen in deze cursus?
Je begint de cursus en ontmoet Juan Felipe Luna en Sebastián Vélez, je leraren. Ze zullen je iets vertellen over Contra Studio, hun geschiedenis en wat en wie hen inspireert als het om creëren gaat.
De eerste stap in een succesvol digitaal project is het afstemmen met de klant door middel van een briefing om het project en de doelstellingen goed te definiëren. Vervolgens analyseer je in de onderzoeks- en ontdekkingsfase onder meer de kansen en risico's, concurrentie, benchmarks voor vergelijkbare producten.
Je begrijpt wat een navigatiekaart is en je maakt een contentstrategie om de content te definiëren en te structureren. Vervolgens gebruikt u Figma om de wireframes in te stellen, het startpunt voor de uitwerking van elke pagina.
U kent de soorten lay-out, het gebruik en de variaties; en je neemt beslissingen over typografie, kleur en iconografie. Vervolgens leer je je website tot leven te brengen met motion design, interacties, overgangen, gebaren en andere details.
Ten slotte leer je hoe je je werk presenteert aan de klant, feedback beheert en het project voorbereidt voor ontwikkelaars door een stijlgids te maken.
Recommended software & tools for this course
What is this course's project?
Je ontwerpt een informatieve website met een eenvoudige structuur voor een potentiële klant, die een freelancer, een bedrijf of zelfs een e-commerce kan zijn.
Projecten van studenten van de cursus
Who is this online course for?
Voor creatieve en nieuwsgierige mensen die geïnteresseerd zijn in het ontwerpen van websites om projecten te creëren die impact hebben op mensen.
Requirements and materials
Om deze cursus af te ronden heeft u alleen basiskennis van grafisch ontwerp en het gebruik van het programma Figma nodig.
xxx
Beoordelingen
- 4 maanden geleden
Practico, diferente y claro.
- 7 maanden geleden
Excelente. MUY buen curso
- irene_schnabelPLUS1 jaar geleden
Muy interesante. Me resultó dinámico, claro y creativo.
- 1 jaar geleden
Muy buen curso, muy claro e útil como abordan el proyecto. Me esta gustando muchísimo.
- 1 jaar geleden
¡Excelente curso! ¡Grandes diseñadores! Mi admiración y respeto para con su trabajo.
Ze hebben samengewerkt met klanten zoals Nike, La Silla Vacía, S&Co of Bastarda Type; en hun projecten zijn erkend in prijzen zoals de Latin American Design Awards, maar ook in portals zoals onder andere Communication Arts.
Inhoud
- U1
Introductie
- Presentatie
- Invloeden
- U2
Onderzoek en context
- De briefing ontvangen
- Onderzoeks- en navigatiekaart
- Referenties en inspiratie
- U3
Structuur en wireframes
- Contentstrategie en informatiearchitectuur
- Wireframing 1
- Wireframing 2
- Aanbevelingen voor wireframing
- U4
Kunstrichting
- Lay-outs en rasters
- De typografie
- De kleur
- U5
De interactie
- Bewegend ontwerp
- Interacties en micro-interacties 1
- Interacties en micro-interacties 2
- Gebaren en grafische details
- U6
Na het ontwerpen
- Presentatie aan de opdrachtgever
- Feedback ontvangen
- Maak een stijlgids
- EP
Eindproject
- Ontwerp innovatieve en creatieve webpagina's
Wat kan je verwachten van een cursus van Domestika
Leer in je eigen tempo
Geniet van thuis leren, zonder lesroosters en in je eigen tempo. Jij beslist wanneer je verder gaat met het volgende onderdeel.
Leer met de beste professionals
Leer de meest bruikbare methoden en technieken van de beste professionals in de creatieve industrie.
Ontmoet deskundige docenten
Iedere docent brengt kennis met passie over, biedt duidelijke uitleg en een professioneel perspectief bij elke les.
Certificates
PLUSIf you're a Plus member, get a persoonlijk certificaat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Zorg dat je op de voorste rij zit
Dankzij de hoge kwaliteit van de video's mis je geen enkel detail. Dankzij de onbeperkte toegang kun je de lessen zo vaak bekijken als nodig is om je vaardigheden te perfectioneren.
Deel kennis en ideeën
Stel vragen, krijg feedback en bied oplossingen aan. Deel je leerervaringen met andere studenten in de community die net als jij een passie hebben voor creativiteit.
Maak contact met een wereldwijde creatieve community
Deze community heeft miljoenen gebruikers van over de hele wereld, nieuwsgierig en enthousiast om hun creativiteit te verkennen en te uiten.
Geef cursussen op een professionele manier
Domestika selecteert zorgvuldig haar docenten en produceert iedere cursus in eigen huis om een uitstekende online leerervaring te garanderen.
Veelgestelde vragen
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.