Creación de un ecommerce desde cero con Figma
Un curso de Creative NightsDiseñador y director de arte
Un curso de Creative Nights, Diseñador y director de arte
Aprende a usar Figma para diseñar un prototipo de web ecommerce que favorezca la experiencia de usuario y puedas compartir con desarrolladores
En los últimos años, el mundo del comercio electrónico ha evolucionado más rápido que nunca. Debido al al auge de elementos esenciales como la UX y la optimización web, las empresas compiten por la atención del cliente. El galardonado diseñador Marek Suchánek crea sitios web de ecommerce atractivos que no solo venden productos, sino que además representan la misión, los valores y los principios de una marca. En este curso online, aprenderás cómo crear un ecommerce que, además de ser un sitio web, utilice las tendencias actuales y mantenga el engagement de los clientes. Descubrirás cómo se perfila cada uno de sus elementos utilizando las poderosas herramientas de Figma y lo prepararás para entregárselo a los desarrolladores web.
¿Qué aprenderás en este curso online?
18 lecciones & 31 recursos adicionales
La importancia de la información
13 minutos, 0 segundos
Auditoría de contenido
8 minutos, 31 segundos
Creación de un mapa del sitio
13 minutos, 36 segundos
El moodboard
19 minutos, 15 segundos
Una estructura metálica sólida 1
14 minutos, 58 segundos
Una estructura metálica sólida 2
18 minutos, 4 segundos
¿Qué incluye este curso?
En primer lugar, conocerás a Marek Suchánek, diseñador y cofundador de Creative Nights, un galardonado estudio independiente con sede en Praga (República Checa). Tras hablarte de su trayectoria creativa, te mostrará sus principales influencias y fuentes de inspiración.
A continuación, empezarás a recopilar toda la información que describa a tu marca, recogiéndola en un brief y realizando una auditoría del contenido. Luego, aprenderás a crear un mapa del sitio antes de analizar algunos ejemplos de comercio electrónico que pueden servirte como referencia.
Más tarde, te ocuparás de desarrollar la UX y la dirección de arte. Asimismo, Marek te enseñará a diseñar las wireframes de cada página para conseguir una experiencia de compra perfecta. Después, experimentarás con los diferentes estilos, diseños y tipografías.
Una vez establecida la estructura, explorarás el uso de ilustraciones personalizadas para iconos y de imágenes atractivas para tu sitio. También aprenderás cómo lograr armonía y equilibrio con tu contenido y cómo transmitir el mensaje de tu marca a través de la redacción creativa.
En la siguiente fase, definirás una guía de estilo y un conjunto de componentes en Figma para garantizar el correcto desarrollo de tu proyecto. Por último, verás cómo comprobar que tu sitio funcione en todos los dispositivos y pantallas.
Para concluir, tu profesor compartirá contigo cómo crear una presentación profesional para mostrar el sitio web a los clientes. Además, te enseñará a preparar una mock-up animado para mejorar la experiencia del cliente.
Software y herramientas recomendados para este curso
¿Cuál es el proyecto del curso?
Diseñarás un sitio web de comercio electrónico y lo prepararás para su presentación y desarrollo.
Proyectos de estudiantes del curso
¿A quién está dirigido este curso online?
A cualquier persona que desee crear un ecommerce eficiente y visualmente impactante. El curso es ideal para aspirantes a diseñadores web o para personas que poseen un negocio.
Requisitos y materiales
Se recomienda tener experiencia básica con Illustrator y Photoshop.
También te hará falta Figma.
Opiniones
- hace 6 meses
This course is easy to follow and helped me design clean and professional layouts.
- hace 1 año
This is exactly what I need right now. Great course for someone who wants to upgrade knowledge in e-commerce.
- america_liraPLUShace 1 año
Excelente curso te lleva paso a paso con mucho detalle.
- hace 1 año
Ótimo curso
- hace 1 año
Very good!
A través de su estudio, ha desarrollado una amplia experiencia en la creación de identidades offline y online que combinan la comprensión esencial del diseño y los enfoques contemporáneos. Su trabajo ha sido reconocido por plataformas digitales líderes y un ejemplo de ello es el premio Favorite Website Award de Awwwards.
Contenidos
- U1
Introducción
- Presentación
- Influencias
- U2
Preparación para un proyecto
- La importancia de la información
- Auditoría de contenido
- Creación de un mapa del sitio
- U3
Fase UX y dirección de arte
- El moodboard
- Una estructura metálica sólida 1
- Una estructura metálica sólida 2
- Explorando la dirección de arte
- U4
Definición de elementos de diseño
- Elegir el diseño correcto
- Transmitir el mensaje con tipografía
- Ilustraciones personalizadas a medida
- Impulsar el contenido de la imagen
- U5
Diseño receptivo y entrega para el desarrollo
- Definición de los componentes en Figma
- Diseñando las páginas para resoluciones responsivas
- Definición de la guía de estilo
- U6
Presentación y boost final
- Crear una presentación adecuada
- Preparación de una maqueta animada
- PF
Proyecto final
- Diseño de comercio electrónico desde cero con Figma
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
Sí, este curso está pensado para diseñadores gráficos intermedios que quieren profundizar en diseño digital, proyectos de comercio electrónico y desarrollo de portafolio.
Necesitarás tener acceso a Adobe Photoshop y Figma. Se recomienda estar familiarizado con estas herramientas, ya que el curso aborda flujos de trabajo avanzados e integración para proyectos de diseño digital.
Aprenderás a crear identidades visuales, diseñar mapas de sitio efectivos para comercio electrónico, producir wireframes, desarrollar moodboards y aplicar técnicas avanzadas de Photoshop y Figma en proyectos reales.
Sí, el curso enseña estructuras sistemáticas de carpetas, auditorías de contenido y organización de recursos para facilitar la colaboración y preparar archivos para desarrolladores.
Sí, descubrirás estrategias para crear un portafolio online sólido y consejos para mostrar tu trabajo eficazmente en plataformas como Behance.
Sí, el curso incluye lecciones detalladas sobre cómo construir mapas de sitio para comercio electrónico, elaborar wireframes y organizar la navegación y colecciones de productos en Figma.
Se recomienda tener conocimientos básicos de Photoshop y Figma, ya que el curso cubre técnicas de nivel intermedio a avanzado para diseño digital y prototipado.