Diseño de páginas web innovadoras y creativas
Un curso de Contra Studio , Estudio de diseño digital
Conoce el proceso y las herramientas para crear sitios web informativos e interactivos que sorprendan y estén a la altura de tus proyectos más creativos

Conoce el proceso y las herramientas para crear sitios web informativos e interactivos que sorprendan y estén a la altura de tus proyectos más creativos
¿Quieres llevar tus conocimientos gráficos al siguiente nivel? En este curso online aprenderás a diseñar sitios web interactivos e informativos junto a los diseñadores y fundadores de Contra Studio, Juan Felipe Luna y Sebastián Vélez. Han colaborado con clientes como Nike, La Silla Vacía, S&Co o Bastarda Type.
A lo largo de las lecciones, te enseñarán cómo crear páginas interactivas que sorprendan a tus usuarios utilizando Figma. Te darán las herramientas necesarias para desarrollar tu creatividad, teniendo en cuenta los requerimientos del cliente y aplicando conceptos básicos de diseño e interactividad que llevarán tus proyectos digitales a un nivel profesional.
¿Qué aprenderás en este curso online?
19 lecciones & 25 recursos adicionales
- 97% valoraciones positivas (61)
- 2.803 estudiantes
- 19 lecciones (2h 43m)
- 25 recursos adicionales (9 archivos)
- Online y a tu ritmo
- Disponible en la app
- Audio: Español
- Español · Inglés · Portugués · Alemán · Francés · Italiano · Polaco · Neerlandés
- Nivel: Iniciación
- Acceso ilimitado para siempre
¿Cuál es el proyecto del curso?
Diseñarás un sitio web informativo con una estructura simple para un posible cliente, que puede ser freelancer, una empresa o incluso, una ecommerce.

Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
A personas creativas y curiosas que estén interesadas en incursionar en el diseño de sitios web para crear proyectos que tengan un impacto en las personas.
Requisitos y materiales
Para realizar este curso tan solo necesitarás conocimientos básicos de diseño gráfico y del manejo del programa Figma.

Opiniones

Un curso de Contra Studio
Contra Studio es un estudio de diseño y desarrollo web creado por Juan Felipe Luna y Sebastián Vélez, desde Bogotá, Colombia. Apuestan por la experimentación, la creatividad y la innovación, y se esfuerzan por llevar cada proyecto digital un paso más allá para lograr un factor impactante, sorprendente y que invite a la interacción.
Han colaborado con clientes como Nike, La Silla Vacía, S&Co o Bastarda Type; y sus proyectos han sido reconocidos en premios como los Latin American Design Awards, además en portales como Communication Arts, entre otros.
Contenidos
-
U1
Introducción
-
Presentación
-
Influencias
-
-
U2
Investigación y contexto
-
Recibir el brief
-
Investigación y mapa de navegación
-
Referentes e inspiración
-
-
U3
Estructura y wireframes
-
Content strategy e information architecture
-
Creación de wireframes 1
-
Creación de wireframes 2
-
Recomendaciones sobre wireframes
-
-
U4
Dirección de arte
-
Layouts y grids
-
La tipografía
-
El color
-
-
U5
La interacción
-
Motion design
-
Interacciones y microinteracciones 1
-
Interacciones y microinteracciones 2
-
Gestures y detalles gráficos
-
-
U6
Después de diseñar
-
Presentación al cliente
-
Recibir feedback
-
Crear una guía de estilos
-
-
PF
Proyecto final
-
Diseño de páginas web innovadoras y creativas
-
Qué esperar de un curso de Domestika
-
Aprende a tu ritmo
Disfruta aprendiendo desde casa, sin horarios y a tu ritmo. Tú decides cuándo seguir con cada unidad.
-
Aprende de los mejores profesionales
Aprende los métodos y técnicas más útiles con los mejores profesionales del sector creativo.
-
Conoce a profesores expertos
Cada profesor te transmitirá sus conocimientos con pasión, ofreciéndote explicaciones claras y una perspectiva profesional en cada lección.
-
Certificados
PlusSi eres Plus, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.
-
Ponte en primera fila
La alta calidad de los vídeos permitirá que no te pierdas ni un solo detalle. Gracias al acceso ilimitado, podrás ver las lecciones todas las veces que necesites para perfeccionar tus habilidades.
-
Comparte conocimientos e ideas
Pregunta, pide opinión y ofrece soluciones. Comparte tu experiencia de aprendizaje con otros estudiantes de la comunidad tan apasionados por la creatividad como tú.
-
Conecta con una comunidad creativa global
Esta comunidad cuenta con millones de usuarios de todo el mundo, personas curiosas y con ganas de explorar y expresar su creatividad.
-
Realiza cursos profesionalmente producidos
Domestika selecciona cuidadosamente los profesores y produce cada curso internamente para garantizar una experiencia de aprendizaje online excelente.
Preguntas frecuentes
Los cursos de Domestika son unas clases online que te permiten aprender una serie de herramientas y habilidades para realizar un proyecto concreto. Cada paso del proyecto combina vídeos y textos junto a materiales didácticos complementarios. Los cursos también te ofrecen la oportunidad de compartir tus propios proyectos con otros estudiantes y con el profesor, creando así una comunidad en torno al curso.
La modalidad de los cursos es 100% online, por tanto una vez estén publicados, los cursos empiezan y acaban cuando tú quieras. Tú marcas el ritmo de la clase. Puedes volver a ver lo que te interese, pasar lo que ya te sepas, hacer preguntas, resolver dudas, compartir tus proyectos y mucho más.
Los cursos se dividen en diferentes unidades, cada una de ellas incluye lecciones, textos explicativos, tareas y prácticas para llevar a cabo tu proyecto paso a paso, recursos y documentos adjuntos complementarios. También tendrás acceso a un foro exclusivo donde puedes interactuar con todos los estudiantes del curso y el profesor, así como compartir tus trabajos y el proyecto que realices, creándose de esta manera una comunidad en torno al curso.
Puedes canjear un curso que te han regalado accediendo a la página de canjeo donde podrás introducir el código de regalo que te han proporcionado.
jpastrian
La verdad es que pensé que se enfocarían más en desarrollar las animaciones y transiciones en sí, pero solo abarcan el prototipo del proyecto.
adrian.sandu35
Creating Innovative Web Designs by Contra Studio is a fantastic course with clear and well-structured explanations. The high-quality resources and professional, engaging presentation make it a valuable learning experience!
Ver traducción
Ocultar traducción
thomas_aux
Buen curso
marvl
Explican bastante bien todo el proceso y las nociones básicas para el diseño de páginas web. Bastantes referencias interesantes y se centra en las interacciones y microinteracciones. Está bien para empezar y tener una visión general, pero se necesitan conocimientos previos de Figma porque pasan muy rápido por la herramienta.
emma_faye
The part I was most interested in were missing in this course. We went from wireframes to -poof- a full-fidelity page designs. Bummer! Also, I was a bit surprised that you made one version of the wireframes. Why didn't you try other things? What was your logic for deciding on those patterns?
While I appreciate that you shared the entire process (from what questions to ask in the discovery meeting to the proper way of gathering feedback), I assumed there would be more _design_ in this course.
Ver traducción
Ocultar traducción