Elena de Gregorio®
Disponible para 2026
EN ES

Trabajo seleccionado

Veintiocho proyectos ordenados en tres disciplinas. Cada uno lleva su etiqueta, su cliente y su año: filtra por disciplina o cambia entre el índice y la cuadrícula.

28 proyectos · 3 disciplinas · 2013 — 2026

28 de 28 proyectos

(01)Producto UX/UI

Diseño de producto UX/UI

Investigación, flujos, interfaz y sistema visual. El producto antes de que exista.

09 proyectos
  1. Abrir el proyecto GAME TV · Retina 01
    GAME TV · Retina — la pantalla de acceso, con el triángulo de neón

    GAME TV · Retina

    Plataforma de emisión · editor de secuencias
    Producto UX/UI GAME 2024

    La plataforma que programa lo que emiten las pantallas de las 230 tiendas GAME: un editor de secuencias con línea de tiempo, seis módulos y un sistema de diseño en Figma. Preparar una campaña pasó de tres horas a 45 minutos, y hoy GAME la vende a otras cadenas bajo la marca Retina.

  2. Abrir el proyecto GAME Staff · App de empleados 02
    GAME staff — portada

    GAME Staff · App de empleados

    Producto interno
    Producto UX/UI GAME 2023

    Portal y app para la plantilla: fichaje, bolsa de horas, vacaciones, tickets y comunicación interna en una sola vista. La usa la compañía entera: unas mil personas, de central a las 230 tiendas.

  3. Abrir el proyecto Viajero, aplicación para iOS y Android 03
    Portada de Viajero: el logotipo y tres iPhone con las pantallas de explorar y la ficha del tour

    Viajero, aplicación para iOS y Android

    Benchmarking, research, UX/UI, sistema de diseño y prototipo bilingüe
    Producto UX/UI Proyecto propio · concepto 2026

    Tours autoguiados por guías locales, en vídeo y audio y por menos de lo que cuesta un café. Once apps analizadas, personas, flujos, wireframes, un sistema con variables de idioma, 52 pantallas para iPhone y Android en español e inglés y el prototipo en vídeo.

  4. Abrir el proyecto Aplicación Olmo para iOS 04
    Tres pantallas de la app Olmo: inicio, ficha del sofá Duna y visor de realidad aumentada

    Aplicación Olmo para iOS

    Research, UX/UI, sistema de diseño y prototipo con AR
    Producto UX/UI Proyecto propio · concepto 2026

    Una app de tienda de muebles de diseño que responde a la pregunta de antes de pagar un sofá: ¿cabe en mi casa? Research, benchmarking de diez marcas, wireframes, sistema de diseño, un visor AR en 3D a escala real y el prototipo navegable en vídeo.

  5. Abrir el proyecto GAME · Propuesta de rediseño web y app 05
    GAME — propuesta de rediseño de web y app, portada

    GAME · Propuesta de rediseño web y app

    Auditoría UX + CRO · case study
    Producto UX/UI GAME 2026

    Estudio integrado: entrevistas, tests con usuarios, encuesta, analítica, heurísticas, CRO, accesibilidad WCAG y benchmarking. De la nueva arquitectura al impacto en ventas.

  6. Abrir el proyecto Iron District · Auditoría y research 06
    Portada del informe: cómo se construye el gimnasio que Sanchinarro todavía no tiene

    Iron District · Auditoría y research

    UX research · definición de producto
    Producto UX/UI Iron District Gym 2026

    Benchmarking de 21 operadores, minería de reseñas de 14 centros y auditoría digital de 11 webs. Del hueco de mercado a la arquitectura, las tarifas y el cuadro de mando.

  7. Abrir el proyecto Kacho Cano · Auditoría y diseño UX/UI 07
    La sección de fotografía del sitio de Kacho Cano, con el disco de marcar

    Kacho Cano · Auditoría y UX/UI

    Auditoría competitiva y diseño UX/UI
    Producto UX/UI Kacho Cano 2026

    Cinco competidores auditados y ninguno arranca con imagen en movimiento. De ahí sale el rediseño: el reel manda, el formulario pregunta fechas y el disco de marcar se mide por ajuste de circunferencia.

  8. Abrir el proyecto GMF Reformas · Auditoría digital 08
    Portada del informe: auditoría digital integral de GMF Reformas

    GMF Reformas · Auditoría digital

    Auditoría CRO + UX · informe
    Producto UX/UI GMF Reformas 2026

    Auditoría de conversión, competencia, cliente y accesibilidad de la web de una empresa de reformas: 30 hallazgos, 16 competidores y un plan por fases.

  9. Abrir el proyecto Portfolio 2026 · Auditoría de mi propio sitio 09
    Portada de la auditoría del propio portfolio: 8,0 en diseño y 3,0 en conversión

    Portfolio 2026 · Auditoría de mi propio sitio

    Auditoría CRO + UX · UI design y sistema
    Producto UX/UI EdG Studio · Elena de Gregorio 2026

    La misma metodología que aplico a un cliente, aplicada a esta web: 40 páginas y 4.090 líneas de código revisadas, 17 hallazgos priorizados y los suspensos publicados sin filtrar.

(02)Front-end

Desarrollo front-end

Webs y correos responsive escritos a mano: HTML semántico, CSS moderno y JavaScript sin librerías.

08 proyectos
  1. Abrir el proyecto Retina · GAME TV — reconstrucción de interfaz en Next.js 01
    El editor de secuencias de Retina reconstruido en Next.js, con su línea de tiempo

    Retina · GAME TV — reconstrucción de interfaz en Next.js

    Reconstrucción de interfaz · demo en vivo
    Front-end EdG Studio · Elena de Gregorio 2026

    Reconstrucción de cuatro pantallas de Retina, la plataforma que programa el contenido de las pantallas de las 230 tiendas GAME: el editor de secuencias con línea de tiempo, el listado de secuencias, tiendas y dispositivos, y la matriz de permisos de los dos perfiles de usuario. Hecha en Next.js, React, TypeScript y Tailwind, con los tokens semánticos del sistema de diseño original trasladados al tema de Tailwind. El producto original lo diseñé y desarrollé yo en GAME España; esta reconstrucción es trabajo propio, con datos inventados y sin código ni activos de la empresa. Ver en vivo ↗ · Ver el código en GitHub ↗

  2. Abrir el proyecto SKÅL Madrid · La web en Angular 02
    La portada de SKÅL Madrid, con el rótulo sobre un cielo estrellado y los botones de reservar mesa y ver la carta

    SKÅL Madrid · La web en Angular

    Implementación de auditoría · demo en vivo
    Front-end SKÅL Madrid 2026

    La web del único restaurante noruego de Madrid, rehecha en Angular 21 sin Zone.js y prerenderizada: doce acciones de una auditoría UX/CRO, empezando por el formulario que confirmaba reservas que nadie recibía.

  3. Abrir el proyecto Design System EdG 03
    La web de documentación del Design System EdG, con las tres tarjetas de disciplina

    Design System EdG

    Librería de componentes · documentación viva
    Front-end EdG Studio · Elena de Gregorio 2026

    El sistema de esta web, sacado de dentro: 37 componentes y 57 tokens, con un ejemplo funcionando y el código exacto que lo renderiza.

  4. Abrir el proyecto Kacho Cano 04
    Kacho Cano — portada

    Kacho Cano

    Portfolio audiovisual
    Front-end Kacho Cano 2026

    Web para un director de fotografía: el reel manda. Estática, sin framework y sin paso de compilación.

  5. Abrir el proyecto Kacho Cano · Sistema de diseño 05
    La web de documentación del sistema de diseño de Kacho Cano

    Kacho Cano · Sistema de diseño

    Librería de componentes · documentación viva
    Front-end Kacho Cano 2026

    El sistema con el que está construida su web: 28 componentes, tungsteno 3200 K y luz día 5600 K, y un disco de marcar medido sobre la fotografía.

  6. Abrir el proyecto Proyecto Djehuty · La web en React 06
    La portada del Proyecto Djehuty funcionando en React, con el carrusel de excavación a toda anchura

    Proyecto Djehuty · La web en React

    Reconstrucción de sitio completo · demo en vivo
    Front-end Proyecto Djehuty, CSIC 2026

    Me encargué de esta web de 2006 a 2019 —HTML, CSS, JavaScript y la maquetación del PHP— mientras excavaba con ellos como ceramóloga. Desde 2019 la lleva otra persona y tiene otro diseño, así que la he remaquetado en React: 1.269 páginas, con mis hojas de estilo intactas.

  7. Abrir el proyecto My little baby 07
    My little baby — la newsletter en sus tres anchos

    My little baby

    Newsletter responsive · demo en vivo
    Front-end Pieza de muestra —

    Un correo resuelto en tres anchos, con la pieza maquetada abierta para que la redimensiones tú.

  8. Abrir el proyecto Newsletters responsive 08
    Newsletter responsive — portada

    Newsletters responsive

    Email marketing · HTML + CSS
    Front-end Varios clientes —

    Tablas anidadas, anchos en píxeles y media queries: lo que hace falta para que un correo llegue entero.

(03)Gráfico

Diseño gráfico

Identidad, editorial, campaña e infografía. Lo que se imprime y lo que se envía.

11 proyectos
  1. Abrir el proyecto BAEDE · Propuesta de rediseño de portada 01
    Propuesta de portada del BAEDE con Herishef, el dios carnero del logotipo de la asociación, a línea dorada

    BAEDE · Propuesta de rediseño de portada

    Sistema de portada · diez versiones y cubierta
    Gráfico Asociación Española de Egiptología 2026

    La cubierta del boletín, resuelta como sistema y no como lámina: acrónimo en cabecera, ilustración de línea intercambiable, diez versiones sobre la misma retícula y el pliego completo de imprenta.

  2. Abrir el proyecto Kacho Cano · Identidad 02
    El logotipo KACHOcano en crema sobre negro

    Kacho Cano · Identidad

    Logotipo, isotipo y normas de uso
    Gráfico Kacho Cano 2026

    La O no es una letra, es un objetivo. Todo el logotipo sale de una sola medida —la altura de mayúscula— y aguanta desde una cabecera hasta un sello de 24 píxeles.

  3. Abrir el proyecto GMF Reformas · Identidad de marca 03
    Board de identidad de GMF Reformas: bocetos, variantes de logotipo y papelería

    GMF Reformas · Identidad de marca

    Logotipo, papelería y aplicaciones
    Gráfico GMF Reformas 2026

    Marca nueva para una empresa de reformas con 27 años y ninguna identidad propia: logotipo, paleta de neutros y las piezas que usa de verdad —tarjeta, carta, sobre y factura—.

  4. Abrir el proyecto EdG · Tarjeta de visita 04
    Las dos caras de la tarjeta de visita de EdG: el logotipo sobre su retícula y los datos sobre un bloque de código

    EdG · Tarjeta de visita

    Papelería · 55 × 85 mm
    Gráfico Proyecto propio 2026

    El sistema de diseño de este portfolio, impreso: los mismos tokens, los tres colores de disciplina y un arte final en CMYK con 3 mm de sangre.

  5. Abrir el proyecto KAI · Kallisto AI 05
    KAI · Kallisto AI — portada

    KAI · Kallisto AI

    Identidad de marca
    Gráfico Kallisto AI 2023

    Identidad para una empresa de IA aplicada a drones, con tres submarcas que tenían que convivir: SKY, SHIELD y SEG.

  6. Abrir el proyecto GAME Staff · Gráfica de lanzamiento 06
    GAME staff — gráfica de lanzamiento

    GAME Staff · Gráfica de lanzamiento

    Campaña interna
    Gráfico GAME 2023

    Piezas para redes internas y documentación de apoyo: la parte que le cuenta a la plantilla que la herramienta existe.

  7. Abrir el proyecto Informes de cerámica 07
    Informe de cerámica del Proyecto Djehuty — portada

    Informes de cerámica

    Editorial científica · InDesign
    Gráfico Proyecto Djehuty, CSIC 2016

    Un informe de excavación que se lee seguido y a la vez se abre por la página exacta para comprobar una pieza.

  8. Abrir el proyecto Dossieres Djehuty 08
    Dossier de campaña del Proyecto Djehuty — portada

    Dossieres Djehuty

    Dossieres de campaña
    Gráfico Proyecto Djehuty, CSIC 2013–2015

    Tres campañas de excavación, tres portadas distintas y un sistema que las hace reconocibles como una colección.

  9. Abrir el proyecto Tesis doctorales 09
    Tesis doctoral — doble página con figuras de cerámica

    Tesis doctorales

    Editorial académica · dos volúmenes
    Gráfico Encargo particular —

    Dos volúmenes —texto y láminas— con el aparato crítico, los dibujos vectoriales y la fotografía de las piezas hechos en casa.

  10. Abrir el proyecto Banners VOGA 10
    Banners de VOGA — el set de medidas para afiliados

    Banners VOGA

    Campaña y set de afiliados
    Gráfico VOGA —

    La misma campaña en una pieza panorámica y en un rascacielos de 120 píxeles. Al reducir no se escala: se recompone.

  11. Abrir el proyecto Infografía 11
    Infografía circular sobre un globo

    Infografía

    Pieza de muestra · Illustrator
    Gráfico Proyecto propio —

    Cada elemento dibujado por separado y montado después, con las llamadas colocadas para que no se crucen.

No hay proyectos en esta disciplina.

El tuyo puede ser el siguiente

Cuéntame qué está atascado. Si no soy la persona indicada te lo diré, y normalmente sé quién lo es.

Empezar un proyectoEmpezar un proyecto ↗