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 webPáginas e interfaces con HTML y React.

03

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

Trabajo seleccionado

Un producto propio.
Dos conceptos web.

Una selección de mi trabajo en producto, identidad visual e interfaces web.

Proyecto propio / Plataforma digital

ObraCore

Plataforma de presupuestos y gestión de reformas para autónomos y pequeñas empresas.

  • 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

La web presenta ObraCore y explica sus funciones y planes. Organicé el contenido para que el visitante conozca el producto antes de llegar a los precios.

Mi papel
Diseño y desarrollo de la web e identidad visual del proyecto.
Decisión de diseño
Las funciones se explican con ejemplos de presupuesto, documentos y control de costes antes de presentar 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

La aplicación reúne presupuestos, clientes, documentación y tareas de obra. La imagen muestra la interfaz real con datos ficticios.

Mi papel
Creador del proyecto y responsable de producto, UX/UI, desarrollo e identidad visual.
Partidas y total
Partidas y resumen económico en zonas diferenciadas para leer el detalle y el total por separado.
Cliente y documentos
Identificación del cliente visible en su ficha y en el archivo.
Formularios y móvil
Etiquetas visibles en los formularios y una adaptación del editor para móvil.

Acceso privado

Demo privada de la aplicación

La aplicación está en prelanzamiento. Puedo enseñártela por videollamada con una obra de ejemplo y datos ficticios.

Solicitar demo privada

El dossier reúne la interfaz, la web y los elementos de identidad de ObraCore.

Descargar dossier de ObraCore

Concepto independiente / Turismo

LOMA

Concepto de web para un hotel boutique: presentación del alojamiento, estancias y consulta de disponibilidad simulada.

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

La fotografía y la tipografía presentan el alojamiento. Al recorrer las estancias, los dibujos dejan paso a las imágenes de cada habitación. El formulario permite explorar fechas y ocupación sin efectuar reservas.

Alcance
Diseño visual, desarrollo adaptable a escritorio y móvil e interacciones de las estancias.
Naturaleza
Marca y alojamiento ficticios. Ejercicio independiente.
Explorar la demostración

Concepto independiente / Cerámica

Barro & Fuego

Concepto de web para un taller de cerámica, desde el proceso de trabajo hasta la elección del curso.

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

El recorrido presenta primero el proceso de la cerámica y los acabados; después, los cursos de torno, modelado y esmaltes. Las animaciones acompañan esa secuencia y el formulario simula una consulta de plazas.

Alcance
Diseño visual, maquetación adaptable, animación y selección de acabados.
Decisión de diseño
Explicar el oficio antes de pedir una elección. Un color para cada curso y un formulario que recoge la opción elegida.
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.

Actualmente desarrollo ObraCore y diseño páginas e interfaces web con HTML y React.

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.

ObraCore me permite mostrar mi trabajo actual: desde la identidad visual hasta la interfaz y su desarrollo.

Recursos de trabajo

Herramientas de trabajo.

Estas son las herramientas que utilizo y el trabajo que realizo con cada una.

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 y animación dibujadas a mano.Tareas concretas
BlenderPiezas visuales 3D con apoyo.Con apoyo

La autonomía se refiere a las aplicaciones descritas.

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

Colaboración con agencias y equipos

Cómo puedo
colaborar.

Puedo incorporarme a tu equipo para diseñar interfaces, maquetar páginas o revisar una web existente.

01

Diseño UX/UI

Estructura de páginas, jerarquía de contenidos y diseño de interfaces.

Una página o un flujo de pantallas, según el encargo.
02

Desarrollo web

Desarrollo de landings e interfaces con HTML y React a partir de un diseño o una identidad visual.

Versiones para escritorio y móvil.
03

Revisión de interfaz

Revisión de textos, legibilidad, componentes y estados de la interfaz.

Lista de mejoras ordenadas por prioridad.
01 / Definir el encargo

Definimos qué necesitas, qué materiales hay y qué voy a entregar.

02 / Diseñar y construir

Preparo la propuesta visual o la implementación, según el encargo.

03 / Revisar y entregar

Revisamos el trabajo y completo los ajustes acordados.

Apoyo técnico de IA.

Uso IA como apoyo técnico para implementar y revisar el código de las webs. La dirección visual y las decisiones de UX/UI las tomo yo.

Hablemos de tu próximo proyecto

¿Trabajamos
juntos?

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

ObraCore / Landing completa

Loma / Concepto independiente

Barro & Fuego / Concepto independiente