Agendar una llamada

Agendar una llamada

Cargando la agenda
← Todos los proyectos

Comligo Spanish

Desktop · Móvil · UX · UI · Prototipado · Branding · Design System
Comligo Spanish

Resumen

Comligo es una escuela online que enseña español en clases en vivo con profesores nativos. Vende cursos a estudiantes individuales y a instituciones, como escuelas K-12 (educación primaria y secundaria) y departamentos estatales de educación de Estados Unidos.

En julio de 2024, Comligo me contrató como diseñador UX/UI freelance para diseñar su sitio web. El sitio habla con dos públicos, los estudiantes que compran clases y las escuelas que compran programas.

Mi Rol

Me encargué de todo el diseño, desde la investigación hasta el prototipo final. Hice la investigación de UX, dibujé los wireframes, los validé con el equipo de Comligo y después diseñé las páginas para escritorio y móvil en Figma.

Mi trabajo fue el diseño. No trabajé en el desarrollo del sitio.

Contribuciones Clave

  • Refinamiento de la marca. Refiné la marca de Comligo para una imagen más profesional y escribí la guía de marca. Cubre el logo, la paleta de colores, la tipografía, el uso de fotos y los recursos visuales.
  • Design System. Armé un design system en Figma con botones, pestañas, switches, enlaces, chips, tarjetas, campos de texto, íconos y una paleta de 15 colores con nombre. Las páginas usan Sora en los títulos e Inter en el texto.
  • Un sitio para dos públicos. Diseñé 27 páginas de escritorio y 32 pantallas móviles. Los estudiantes encuentran cursos, precios y una página para reservar una clase gratis. Escuelas y departamentos encuentran los programas K-12, los programas aprobados por los departamentos estatales de educación y un botón para agendar una demostración.
  • Centro de contenidos. Diseñé un área de recursos con artículos, casos de estudio, eBooks y eventos, además de páginas de lista, páginas de resultados de búsqueda y plantillas.
  • Prototipo. Convertí las páginas en un prototipo en Figma, y el equipo de Comligo lo revisó conmigo.

Impacto

El equipo de Comligo revisó el diseño en Figma y lo aprobó. Después del sitio, me pidieron plantillas para redes sociales y otras piezas de marketing, y seguí diseñando para ellos hasta finales de 2024.

Guía de Estilo

Colores y Botones

#D42027 · Fire Engine Red
#E05025 · Flame
#EC8023 · Princeton Orange
#A11217 · Firebrick
#3D3D5A · Purple Navy
#20202F · Raisin Black
#111118 · Rich Black
#FCE4CF · Cadmium Orange
#FEFAF5 · Light Cadmium Orange
#FFFFFF · White
Tipografía · Sora & Inter

We teach Spanish. Online.

EjemploNombreFuenteTamañoAltura de líneaEspaciado
Online.H1Sora SemiBold80pxAuto0
ImpactoH2Sora SemiBold48pxAuto0
StoriesH3Sora SemiBold36pxAuto0
Free classH5Sora SemiBold24pxAuto0
Native teachers.BodyInter Regular18pxAuto0
Móvil
Hecho en Figma
Diseño de joaomob
Créditos