Marc Comas

Diseño UX/UI · Desarrollo web

Disponible para colaboraciones · Freelance / España

Marc Comas

Soy Marc Comas, diseñador UX/UI con tres años de experiencia en pantallas de automóvil. Actualmente diseño y desarrollo páginas e interfaces web con HTML y React.

01

3 años de UX/UI2022–2025 · Proyectos para SEAT y CUPRA a través de Bertrandt.

02

Diseño y desarrollo webHTML y React, con apoyo de IA en el trabajo actual.

03

Producto y conceptosObraCore: producto propio. LOMA y Barro & Fuego: conceptos ficticios.

Trabajo seleccionado

Tres proyectos.
Distintos contextos.

Un producto propio y dos conceptos independientes. En cada proyecto, su propósito, alcance y decisiones de diseño.

Proyecto propio / Plataforma digital

ObraCore

Producto, identidad y desarrollo web: una landing y una aplicación del mismo proyecto.

  • Landing
  • Webapp
ObraCore / LandingComunicación
Cabecera de la landing de ObraCore; abre la preview para recorrer la página completa
Comunicación · Identidad · Desarrollo

Comunicación / Landing

Landing

ObraCore es una plataforma web de presupuestos y gestión de reformas para autónomos y pequeñas empresas. Su landing presenta el producto, sus funcionalidades y sus planes, y guía al visitante hacia el registro.

Mi papel
Diseño, desarrollo e identidad de marca, con apoyo de IA.
Decisión de diseño
Jerarquía de contenidos para distinguir la propuesta, las funcionalidades y los planes.
Explorar landing completa
ObraCore / WebappProducto
Editor de presupuestos de ObraCore con una obra ficticia
Producto · UX/UI · Desarrollo

Aplicación real · Vista con datos ficticios.

Producto / Interfaz

Webapp

ObraCore es una aplicación web de presupuestos y gestión de reformas para autónomos y pequeñas empresas. Reúne clientes, documentación y tareas junto al presupuesto.

Mi papel
Creador. Producto, UX/UI, desarrollo e identidad de marca, con apoyo de IA.
Partidas y total
Separar el detalle de las partidas del resumen económico.
Cliente y documentos
Mantener visible el contexto del cliente en su ficha y en el archivo.
Formularios y móvil
Ordenar campos y acciones en tareas y adaptar el editor a móvil.

Acceso privado

Demo privada de la aplicación

La aplicación está en prelanzamiento. La muestro en una llamada breve, con pantalla compartida y una obra de ejemplo, sin dar acceso directo al producto.

Solicitar demo privada

Un mismo sistema visual conecta la comunicación y el producto. El dossier de ObraCore reúne el caso completo y sus elementos de marca.

Descargar dossier de ObraCore

Concepto independiente / Turismo

LOMA

Web para un hotel boutique ficticio. Un ejercicio independiente de diseño visual e interacción.

LOMA / WebConcepto independiente
Pantalla inicial de LOMA con patio mediterráneo, piscina y presentación del alojamiento
Turismo · Dirección visual · Interacción

Demostración independiente / Turismo

Web de hotel boutique

Concepto de web para un hotel boutique ficticio. Presenta el alojamiento y sus habitaciones e incorpora una consulta simulada de fechas y ocupación, sin realizar reservas reales.

Alcance
Diseño visual, maquetación adaptable y consulta de estancia simulada.
Naturaleza
Marca y alojamiento ficticios. Ejercicio independiente.
Explorar la demostración

Concepto independiente / Cerámica

Barro & Fuego

Web para un taller de cerámica ficticio. Tipografía, color e interacción para presentar cursos y explicar el oficio.

Barro & Fuego / WebConcepto independiente
Apertura de Barro y Fuego con fotografía de un taller de cerámica y el logotipo original en blanco
Cerámica · Cursos · Interacción

Demostración independiente / Cerámica

Web de taller de cerámica

Concepto de web para un taller de cerámica ficticio, con una apertura fotográfica que conecta el logotipo con la navegación. Presenta tres cursos y explica el proceso de creación mediante una secuencia automática que se detiene al elegir una etapa para facilitar su lectura. Permite comparar tres acabados sobre una misma pieza e incluye una consulta simulada de plazas, sin enviar datos ni realizar reservas.

Alcance
Diseño visual, maquetación adaptable, animación y selección de acabados.
Decisión de diseño
Presentar el proceso y los acabados antes de los cursos, y conectar la elección con el formulario.
Naturaleza
Marca, taller y cursos ficticios. Concepto independiente.
Explorar Barro & Fuego

Sobre mí · Trayectoria profesional

Tres años de UX/UI
en automoción.

Mi experiencia profesional entre 2022 y 2025 se centró en el diseño UX/UI para pantallas de automóvil, en proyectos para SEAT y CUPRA realizados a través de Bertrandt.

Combino el diseño de interfaces con su implementación en HTML y React, y hoy desarrollo ObraCore, un producto propio en el que reúno producto, identidad y desarrollo web.

Retrato de Marc Comas
Marc Comas · Diseño UX/UI y desarrollo web
2022—20253 años

SEAT / CUPRA

Diseño UX/UI para pantallas de automóvil

Proyectos realizados a través de Bertrandt.

Los materiales de estos proyectos no se incluyen por las políticas de confidencialidad de las empresas.

En ObraCore puedo mostrar mi aportación actual: producto, identidad y desarrollo web con HTML y React, con apoyo de IA.

Recursos de trabajo

Herramientas de trabajo.

Diseño de interfaces, gráfica y movimiento. Elijo las herramientas según el alcance de cada proyecto.

Herramientas, aplicaciones y autonomía de trabajo
HerramientaAplicaciónAutonomía
FigmaDiseño de interfaces y prototipos.Autónomo
IllustratorIdentidad visual y recursos vectoriales.Autónomo
ProcreateIlustración digital y animación manual de carácter gestual y orgánico.Tareas concretas
BlenderRecurso complementario para piezas visuales 3D.Con apoyo

La autonomía se refiere a las aplicaciones descritas.

Implementación webHTML y React, con apoyo de IA.

Colaboración con agencias y equipos

Diseño y desarrollo.
Un alcance definido.

Puedo colaborar en diseño de interfaces, maquetación y ajustes de una web. Acordamos la pieza, los materiales y las revisiones antes de empezar.

01

Diseño UX/UI

Organización del contenido, jerarquía visual y diseño de páginas e interfaces.

Diseño de una página o un flujo acotado.
02

Desarrollo web

Maquetación de landing pages e interfaces con HTML y React a partir de un diseño o identidad.

Implementación adaptable a distintas pantallas.
03

Revisión de interfaz

Revisión de legibilidad, consistencia y estados, con propuestas de mejora concretas.

Observaciones priorizadas y ajustes acordados.
01 / Definir el encargo

Acordamos objetivo, materiales, alcance y revisiones.

02 / Diseñar y construir

Desarrollo el diseño o la implementación acordados.

03 / Revisar y entregar

Revisamos la entrega y los ajustes dentro del alcance.

La IA forma parte del proceso.

La utilizo como apoyo al desarrollo y la revisión. Asumo las decisiones de diseño y la responsabilidad sobre la entrega.

Hablemos de tu próximo proyecto

Buen diseño.
Con una intención clara.

Marc ComasDiseño UX/UI y desarrollo webAutónomo · España
Descargar perfil PDF

ObraCore / Landing completa

Loma / Concepto independiente

Barro & Fuego / Concepto independiente