{ "name": "Tom Fabre", "jobTitle": "Product & Brand Designer", "location": "Madrid, Spain", "studio": { "name": "Binōme Studio", "url": "https://binome.xyz" }, "languages": [ "es", "fr", "en" ], "email": "hey@tomfabre.com", "profiles": [ { "name": "Instagram", "url": "https://www.instagram.com/tomfabre/" }, { "name": "LinkedIn", "url": "https://www.linkedin.com/in/tomfabreg/" }, { "name": "Behance", "url": "https://www.behance.net/afabre" }, { "name": "LottieFiles", "url": "https://lottiefiles.com/es/tomfabre" }, { "name": "GitHub", "url": "https://github.com/tomfabre" } ], "cv": "https://tomfabre.com/cv-alvaro-fabre.pdf", "updated": "2026-11-14", "services": { "es": [ { "name": "Branding & identidad", "tagline": "Una marca que tenga algo que decir.", "summary": "Creo y transformo identidades para que las marcas se reconozcan, se diferencien y conecten con las personas adecuadas.", "scope": "Estrategia de marca · Identidad visual · Rebranding · Dirección de arte · Sistemas de marca.", "url": "https://tomfabre.com/servicios/branding/" }, { "name": "Web & desarrollo", "tagline": "Una buena web tiene que hacer más que verse bien.", "summary": "Diseño y desarrollo webs que comunican con claridad, funcionan sin complicaciones y ayudan a convertir visitas en oportunidades.", "scope": "Diseño web · Webflow · Shopify · WordPress · Framer · Desarrollo a medida.", "url": "https://tomfabre.com/servicios/diseno-web/" }, { "name": "Producto digital, UX/UI & estrategia digital", "tagline": "Menos fricción. Más sentido.", "summary": "Diseño y mejoro experiencias digitales para que sean intuitivas, útiles y fáciles de usar, sin perder de vista los objetivos del negocio.", "scope": "UX research · Interfaces · Prototipos · Design systems · Auditorías UX · Estrategia de producto.", "url": "https://tomfabre.com/servicios/diseno-ux-ui/" } ], "en": [ { "name": "Branding & identity", "tagline": "A brand with something to say.", "summary": "I build and evolve brand identities that help businesses become recognizable, stand apart and connect with the right people.", "scope": "Brand strategy · Visual identity · Rebranding · Art direction · Brand systems.", "url": "https://tomfabre.com/en/services/branding/" }, { "name": "Web design & development", "tagline": "A good website should do more than look good.", "summary": "I design and build websites that communicate clearly, work smoothly and help turn visits into opportunities.", "scope": "Web design · Webflow · Shopify · WordPress · Framer · Custom development.", "url": "https://tomfabre.com/en/services/web-design/" }, { "name": "Digital product, UX/UI & digital strategy", "tagline": "Less friction. More purpose.", "summary": "I design and improve digital experiences so they're intuitive, useful and easy to navigate, without losing sight of business goals.", "scope": "UX research · Interfaces · Prototypes · Design systems · UX audits · Product strategy.", "url": "https://tomfabre.com/en/services/ux-ui-design/" } ], "fr": [ { "name": "Branding & identité", "tagline": "Une marque qui a quelque chose à dire.", "summary": "Je crée et fais évoluer des identités qui rendent les marques reconnaissables, singulières et proches des bonnes personnes.", "scope": "Stratégie de marque · Identité visuelle · Rebranding · Direction artistique · Systèmes de marque.", "url": "https://tomfabre.com/fr/services/branding/" }, { "name": "Web & développement", "tagline": "Un bon site doit faire plus qu'être beau.", "summary": "Je conçois et développe des sites clairs, agréables à utiliser et pensés pour transformer les visites en opportunités.", "scope": "Design web · Webflow · Shopify · WordPress · Framer · Développement sur mesure.", "url": "https://tomfabre.com/fr/services/design-web/" }, { "name": "Produit digital, UX/UI & stratégie digitale", "tagline": "Moins de friction. Plus de sens.", "summary": "Je conçois et améliore des expériences digitales intuitives et utiles, pensées pour les utilisateurs comme pour les objectifs de l'entreprise.", "scope": "Recherche UX · Interfaces · Prototypes · Design systems · Audits UX · Stratégie produit.", "url": "https://tomfabre.com/fr/services/design-ux-ui/" } ] }, "faq": { "es": [ { "question": "¿En qué tipo de proyectos puedes ayudarme?", "answer": "En branding e identidad, diseño y desarrollo web y producto digital. También puedo ayudarte a definir la estrategia antes de comenzar, si todavía no tienes claro qué necesitas." }, { "question": "¿Trabajas solo o con un equipo?", "answer": "Soy tu interlocutor principal y participo directamente en el trabajo. Si el proyecto necesita otras especialidades, puedo sumar a Binōme Studio y a profesionales de confianza con los que ya he colaborado." }, { "question": "¿Cuánto cuesta trabajar contigo?", "answer": "Depende de los objetivos, el alcance y la complejidad del proyecto. Cuéntame lo que tienes en mente y prepararé una propuesta adaptada a lo que realmente necesitas." }, { "question": "¿Tengo que saber qué plataforma necesita mi web?", "answer": "Para nada. Primero entendemos el proyecto y después elegimos la tecnología que mejor encaje, ya sea Webflow, Shopify, WordPress, Framer o una solución a medida." }, { "question": "¿Puedes mejorar una web o una marca que ya existe?", "answer": "Claro. No todo necesita empezar de cero. A veces la mejor solución es identificar qué funciona, corregir lo que falla y construir a partir de ahí." }, { "question": "¿Trabajas con clientes fuera de España?", "answer": "Sí. Trabajo desde Madrid con clientes de distintos lugares y puedo colaborar en español, inglés y francés." }, { "question": "¿Cómo empezamos a trabajar juntos?", "answer": "Me cuentas brevemente qué necesitas. Hablamos del proyecto, valoramos su alcance y, si encajamos, definimos la mejor manera de trabajar juntos." } ], "en": [ { "question": "What kind of projects can you help with?", "answer": "Branding and identity, web design and development, and digital product design. I can also help shape the strategy if you're not yet sure what you need." }, { "question": "Do you work alone or with a team?", "answer": "I'm your main point of contact and work directly on the project. When other skills are needed, I can bring in Binōme Studio and trusted specialists I've collaborated with before." }, { "question": "How much does it cost to work with you?", "answer": "It depends on your goals, scope and complexity. Tell me what you're planning and I'll put together a proposal around what you actually need." }, { "question": "Do I need to know which platform my website should use?", "answer": "Not at all. We first understand the project, then choose the best fit—whether that's Webflow, Shopify, WordPress, Framer or a custom solution." }, { "question": "Can you improve an existing website or brand without starting over?", "answer": "Absolutely. Starting from scratch isn't always the answer. Sometimes it's better to keep what works, fix what doesn't and build from there." }, { "question": "Do you work with clients outside Spain?", "answer": "Yes. I'm based in Madrid and collaborate internationally in Spanish, English and French." }, { "question": "How do we get started?", "answer": "Tell me a little about what you need. We'll discuss your goals and scope and, if we're a good fit, decide how best to work together." } ], "fr": [ { "question": "Sur quels types de projets pouvez-vous m'aider ?", "answer": "Sur le branding et l'identité, le design et le développement web, ainsi que les produits digitaux. Je peux aussi vous aider à clarifier la stratégie si vous ne savez pas encore exactement ce qu'il vous faut." }, { "question": "Travaillez-vous seul ou en équipe ?", "answer": "Je reste votre interlocuteur principal et je participe directement au projet. Si d'autres compétences sont nécessaires, je peux réunir Binōme Studio et des spécialistes de confiance avec lesquels j'ai déjà travaillé." }, { "question": "Combien coûte un projet avec vous ?", "answer": "Cela dépend de vos objectifs, du périmètre et de la complexité. Racontez-moi ce que vous avez en tête et je préparerai une proposition adaptée à vos besoins réels." }, { "question": "Dois-je savoir quelle technologie choisir pour mon site ?", "answer": "Pas du tout. On commence par comprendre le projet, puis on choisit la solution la plus adaptée : Webflow, Shopify, WordPress, Framer ou un développement sur mesure." }, { "question": "Pouvez-vous améliorer une marque ou un site existant sans tout refaire ?", "answer": "Bien sûr. Repartir de zéro n'est pas toujours nécessaire. Parfois, il vaut mieux conserver ce qui fonctionne, corriger ce qui coince et avancer à partir de là." }, { "question": "Travaillez-vous avec des clients hors d'Espagne ?", "answer": "Oui. Je suis basé à Madrid et je collabore à l'international en espagnol, anglais et français." }, { "question": "Comment commencer à travailler ensemble ?", "answer": "Vous m'expliquez brièvement votre besoin. Nous échangeons sur les objectifs et le périmètre puis, si le courant passe, nous définissons la meilleure façon de collaborer." } ] }, "projects": { "es": [ { "slug": "contazara", "name": "Contazara", "category": "Branding · Web · Digital", "context": "Industria y energía", "summary": "Rebranding, web y comunicación digital de una empresa con 40 años de historia, construidos junto a su equipo.", "description": "Participé desde las primeras reuniones con dirección hasta la nueva identidad, su tono de voz, la web y la comunicación digital.", "services": "Branding · Identidad visual · Diseño web · Comunicación digital", "tagline": "40 años de historia. Una nueva identidad construida juntos.", "role": "Dirección creativa · Branding · Estrategia digital", "period": "2025 – 2026", "url": "https://tomfabre.com/proyectos/contazara/", "story": [ { "id": "caso", "heading": "Cambiar de imagen. Sin perder quién eres.", "label": "Contazara", "text": [ "¿Cómo renuevas la identidad de una empresa después de 40 años sin perder lo que la hace única? Escuchando, compartiendo ideas y construyendo el cambio con las personas que forman parte de ella." ] }, { "id": "reto", "heading": "40 años de historia. Y mucho que conservar.", "label": "01 · El reto", "text": [ "Contazara llevaba décadas innovando en tecnología para la medición del agua. Su identidad, sin embargo, necesitaba acompañar esa evolución. Puedes ver el resultado en [la web de Contazara](https://www.contazara.es/).", "Cambiar una marca tan presente en la historia de una empresa no era una decisión sencilla. Había dudas, recuerdos y mucho que respetar.", "El reto no era empezar de cero. Era evolucionar sin dejar de ser Contazara." ] }, { "id": "proceso", "heading": "Antes de diseñar, había que escuchar.", "label": "02 · El proceso y la identidad", "text": [ "Empezamos conversando con dirección y con los equipos. Queríamos entender qué debía cambiar, qué merecía quedarse y cómo hacer que todos se sintieran parte del proceso.", "De ahí nació una nueva identidad, construida alrededor de un símbolo que une la C y la Z mediante geometría, precisión y movimiento.", "Pero el resultado fue mucho más que un logo: un lenguaje visual con sus propias reglas, colores, tipografías y aplicaciones.", "Una identidad que no solo los representa. También la sienten suya." ] }, { "id": "web", "heading": "Una marca que funciona dentro y fuera de la pantalla.", "label": "03 · Web y comunicación", "text": [ "Llevamos la nueva identidad a [la web de Contazara](https://www.contazara.es/), creando una experiencia más clara para explorar sus productos, comprender su tecnología y descubrir a las personas detrás de la empresa.", "También desarrollamos su tono de voz y una línea editorial para LinkedIn e Instagram, combinando innovación, sostenibilidad, datos, actualidad y personas.", "Porque una marca no se construye solo con lo que muestra. También con lo que cuenta." ] }, { "id": "resultados", "heading": "El cambio se ve. Y también se siente.", "label": "04 · Resultados", "text": [ "+77,2 % seguidores en LinkedIn · +46 % seguidores en Instagram", "Entre septiembre de 2025 y noviembre de 2026, Contazara pasó de 930 a 1.648 seguidores en LinkedIn y de 250 a 365 en Instagram.", "La nueva identidad se ha extendido a la comunicación, los materiales corporativos, la web y los espacios de la empresa. Un sistema que sigue creciendo y que sus equipos han hecho suyo." ] }, { "id": "papel", "heading": "De la primera conversación al último detalle.", "label": "05 · Un trabajo en equipo", "text": [ "Lideré la evolución de la identidad visual, la personalidad de marca y la comunicación digital de Contazara. Un trabajo que comenzó escuchando las inquietudes de su equipo directivo y que fue tomando forma en cada punto de contacto de la marca.", "Para las entrevistas con los equipos y el diseño y desarrollo web conté con la colaboración de [Binōme Studio](https://binome.xyz/). En paralelo, [360estudio](https://www.360estudio.io/) se encargó de la arquitectura y construcción de las nuevas oficinas, donde también trabajamos juntos para integrar la nueva identidad en los espacios.", "Distintas disciplinas. Una misma visión." ] }, { "id": "cierre", "heading": "Una nueva identidad. La misma esencia.", "label": "Cierre", "text": [ "No se trataba de cambiar quiénes eran, sino de encontrar una nueva manera de contarlo.", "¿Tu marca también está lista para su próxima etapa? Hablemos." ] } ] }, { "slug": "a2pas", "name": "À2pas", "category": "Product Design · UX/UI · Branding", "context": "Cultura y espectáculos", "summary": "Una plataforma participativa que conecta espectadores, artistas y espacios para hacer posibles nuevos espectáculos.", "description": "Investigación de usuarios, personas, user journeys, arquitectura de información, wireframes, UX/UI, prototipos, identidad visual, desarrollo y pruebas.", "services": "Investigación UX · Diseño de producto · Branding · Desarrollo", "tagline": "La cultura, en manos de quienes la viven.", "role": "Product Designer · UX/UI · Branding", "period": "2023 – 2024", "url": "https://tomfabre.com/proyectos/a2pas/", "story": [ { "id": "reto", "heading": "Muchos protagonistas. Una misma experiencia.", "label": "01 · El reto", "text": [ "¿Cómo conectas a alguien que quiere ver un concierto, un artista que busca nuevos escenarios y un teatro con fechas disponibles?", "Ese era uno de los grandes retos de A2PAS: diseñar una plataforma para dos grandes ecosistemas de usuarios, cada uno con sus propias necesidades.", "Por un lado, espectadores que querían descubrir, proponer, apoyar y comprar entradas. Por otro, artistas, productores y espacios culturales que necesitaban gestionar oportunidades, disponibilidad y eventos desde paneles con funciones y permisos específicos.", "Diferentes necesidades. Una experiencia que debía tener sentido para todos." ] }, { "id": "concepto", "heading": "De querer verlo a hacerlo posible.", "label": "02 · El concepto", "text": [ "Imagina que vives en Aix-en-Provence y descubres un grupo emergente que actúa en París.", "Te gustaría verlo cerca de casa, pero quizá nunca llegue a tu ciudad.", "Con A2PAS podías buscar un espacio disponible, elegir una fecha y proponer el espectáculo. Otras personas de Aix y alrededores podían apoyar la iniciativa con sus votos.", "Cuando el interés alcanzaba el umbral establecido, entre el 75 % y el 80 % de la capacidad del espacio, el evento se activaba automáticamente y comenzaba la venta de entradas.", "Quienes habían apoyado la propuesta desde el principio podían acceder a descuentos como recompensa por participar.", "Una idea compartida podía convertirse en una fecha en el calendario." ] }, { "id": "producto", "heading": "Complejo por dentro. Sencillo por fuera.", "label": "03 · Diseño del producto", "text": [ "Mi trabajo abarcó todo el proceso: investigación, entrevistas, definición de personas, user journeys, arquitectura de información, wireframes, UX/UI, prototipos, identidad visual, desarrollo y pruebas.", "El mayor desafío fue conectar recorridos muy diferentes dentro de un mismo producto.", "Diseñé la experiencia del público, desde la búsqueda y los filtros hasta las fichas de eventos, la identificación, el pago y la confirmación de compra.", "En paralelo, los perfiles profesionales necesitaban gestionar su actividad desde espacios diferenciados, con funcionalidades y permisos adaptados a su papel.", "El objetivo era que cada persona entendiera qué podía hacer, qué ocurría después y cómo su participación contribuía a que la cultura llegara más lejos." ] }, { "id": "participacion", "heading": "Primero la comunidad. Después el escenario.", "label": "04 · La experiencia participativa", "text": [ "A2PAS proponía cambiar la manera habitual de programar espectáculos.", "En lugar de depender únicamente de una programación decidida de antemano, permitía identificar el interés de una comunidad antes de activar un evento.", "Los espectadores participaban en la programación, los artistas emergentes encontraban nuevas oportunidades y los espacios podían aprovechar fechas que de otro modo quedarían libres.", "Diseñamos y probamos estos recorridos para que descubrir, proponer, votar y comprar formaran parte de una experiencia conectada.", "La plataforma llegó a lanzarse y utilizarse.", "Más que vender entradas, se trataba de crear oportunidades para que la cultura sucediera." ] }, { "id": "trabajo", "heading": "Diseñar conexiones, no solo pantallas.", "label": "05 · Mi trabajo", "text": [ "Participé en todo el ciclo del producto, desde comprender a los usuarios y ordenar sus necesidades hasta diseñar, desarrollar y probar la experiencia.", "El branding debía transmitir la misma idea que la plataforma: cercanía, participación y cultura compartida.", "Y el diseño digital tenía que hacerla funcionar para públicos muy distintos, sin que la complejidad del sistema terminara siendo una complicación para las personas.", "Dos grandes ecosistemas. Muchos recorridos. Una misma idea: acercar la cultura." ] }, { "id": "cierre", "heading": "La cultura empieza mucho antes de subir al escenario.", "label": "Cierre", "text": [ "Empieza cuando alguien descubre un artista, propone una idea y encuentra a otras personas que quieren hacerla realidad.", "¿Tienes un producto complejo que necesita una experiencia sencilla? Hablemos." ] } ] }, { "slug": "happylife", "name": "HappyLife", "category": "Product Design · UX/UI", "context": "Startup francesa · App social", "summary": "Una app para conectar personas a través de actividades reales, con menos clics, mejores filtros y recompensas por participar.", "description": "Estudio UX/UI, investigación y análisis de necesidades, arquitectura de información y recorridos, diseño de interfaces, prototipado y puesta en marcha del MVP.", "services": "UX Research · UX/UI · Prototipado · MVP", "tagline": "Menos pantalla. Más vida real.", "role": "Lead Product Designer", "period": "2023", "url": "https://tomfabre.com/proyectos/happylife/", "story": [ { "id": "reto", "heading": "Diseñar una app para que quieras dejar de usarla.", "label": "01 · El reto", "text": [ "Después de la pandemia, una startup francesa de Lyon llegó con una idea: ayudar a las personas a recuperar el contacto real.", "La soledad no era algo nuevo. Ni tampoco esa costumbre de pasar horas mirando una pantalla mientras la vida sigue fuera de ella.", "El desafío tenía algo de contradictorio. ¿Cómo diseñar una aplicación que acerque a las personas sin hacerlas más dependientes del móvil?", "La respuesta no estaba en añadir funcionalidades, sino en eliminar todo lo que sobraba." ] }, { "id": "experiencia", "heading": "Menos buscar. Más encontrar.", "label": "02 · La experiencia", "text": [ "Queríamos evitar la típica experiencia de deslizar sin parar, recorrer cientos de opciones y terminar sin decidir nada.", "HappyLife partía de algo mucho más sencillo: qué te gusta, cuándo tienes tiempo y qué te apetece compartir.", "A partir de esos intereses y horarios, la app podía mostrar actividades relevantes sin obligarte a pasar por un catálogo interminable.", "El trabajo estaba en hacer que esa selección sucediera detrás de la interfaz, para que la persona solo tuviera que ocuparse de lo importante.", "Encontrar un buen plan debería ser fácil. Vivirlo, todavía más." ] }, { "id": "gamificacion", "heading": "Los puntos estaban fuera de la pantalla.", "label": "03 · Gamificación con propósito", "text": [ "HappyLife incorporaba un sistema de recompensas para motivar la participación.", "Conocer personas, compartir actividades y participar en encuentros permitía acumular puntos que podían canjearse por bonos y nuevas experiencias.", "La idea no era premiar el tiempo dentro de la app, sino lo que ocurría después de utilizarla.", "Una pequeña diferencia que cambiaba toda la lógica del producto.", "Menos recompensas por mirar. Más razones para participar." ] }, { "id": "producto", "heading": "Pocos clics. Más tiempo para las personas.", "label": "04 · Diseño del producto", "text": [ "El trabajo de UX/UI se centró en simplificar cada decisión.", "Accesos rápidos, filtros útiles y recorridos cortos para descubrir una actividad, valorar si encajaba con tus intereses y encontrar un momento para participar.", "En lugar de presentar todas las posibilidades, buscamos acercar a cada persona las opciones que tenían sentido para ella.", "La complejidad debía resolverse dentro del producto, no trasladarse a quien lo utilizaba.", "Desde el estudio UX/UI y los prototipos hasta la puesta en marcha del MVP, mantuvimos el mismo principio: facilitar que las personas llegaran antes a lo que buscaban.", "No necesitábamos que las personas hicieran más cosas en la app. Necesitábamos que pudieran hacer más cosas fuera de ella." ] }, { "id": "trabajo", "heading": "Diseñar para lo que pasa después del clic.", "label": "05 · Mi trabajo", "text": [ "Trabajamos en la investigación, definición de experiencia, diseño UX/UI y prototipado de una aplicación cuyo objetivo era facilitar encuentros reales.", "El proyecto avanzó hasta la puesta en marcha del MVP, trasladando las decisiones de diseño a una primera versión funcional del producto.", "El desafío consistía en convertir una idea social en decisiones concretas: cómo filtrar, qué información mostrar, cuándo proponer una actividad y cómo motivar la participación sin crear dependencia ni fricción.", "Una experiencia pensada para que la tecnología acompañara a las personas y supiera cuándo hacerse a un lado." ] }, { "id": "cierre", "heading": "La vida pasa fuera de la pantalla.", "label": "Cierre", "text": [ "HappyLife partía de una idea sencilla: siempre puede haber alguien cerca con ganas de compartir un momento.", "El diseño debía ayudar a que esas personas se encontraran.", "¿Tienes una idea que necesita una experiencia más humana? Hablemos." ] } ] }, { "slug": "binome", "name": "Binōme Studio", "category": "Branding · Estrategia · Web", "context": "Estudio independiente", "summary": "Un estudio independiente nacido de unir experiencias, ideas y disciplinas para crear proyectos con personalidad.", "description": "Cofundación del estudio, estrategia, identidad visual, web, UX/UI y relación con clientes.", "services": "Branding · Web · UX/UI · Estrategia", "tagline": "Dos caminos. Una forma de hacer las cosas.", "role": "Cofundador · Dirección creativa y diseño", "period": "Estudio en activo", "url": "https://tomfabre.com/proyectos/binome/", "story": [ { "id": "comienzo", "heading": "Algunas ideas funcionan mejor de a dos.", "label": "01 · El comienzo", "text": [ "Cada uno venía de su propio recorrido, con experiencias, disciplinas y formas distintas de entender el diseño.", "Después de pasar por diferentes oficinas, proyectos y equipos, sentimos que era el momento de construir algo juntos.", "No queríamos simplemente trabajar por nuestra cuenta. Queríamos crear un espacio donde combinar conocimientos, compartir decisiones y tener la libertad de abordar cada proyecto desde una perspectiva más amplia.", "Dos trayectorias distintas. Una ambición compartida." ] }, { "id": "idea", "heading": "Uno más uno puede llegar mucho más lejos.", "label": "02 · La idea", "text": [ "[Binōme](https://binome.xyz/) nació de algo sencillo: cuando se combinan distintas habilidades, las posibilidades crecen.", "Branding, diseño digital, experiencia de usuario, desarrollo web y estrategia se encuentran en un mismo lugar, sin necesidad de tratar cada disciplina como un mundo separado.", "Nos gusta pensar los proyectos en conjunto, desde las primeras preguntas hasta los detalles que hacen que todo funcione.", "Porque una buena idea gana fuerza cuando encuentra a las personas adecuadas para desarrollarla." ] }, { "id": "marca", "heading": "Diseñarnos también fue parte del reto.", "label": "03 · Construir nuestra propia marca", "text": [ "Crear la identidad de nuestro propio estudio significaba responder a las mismas preguntas que hacemos a nuestros clientes.", "Quiénes somos, qué hacemos, cómo trabajamos y qué nos hace diferentes.", "La identidad y la web debían transmitir nuestra forma de entender el diseño: claridad, personalidad, colaboración y atención al detalle.", "No se trataba únicamente de tener una marca bonita, sino de construir una presencia capaz de mostrar nuestro trabajo y abrir nuevas conversaciones." ] }, { "id": "proyectos", "heading": "Lo mejor empezó después del lanzamiento.", "label": "04 · De la idea a los proyectos reales", "text": [ "Con el tiempo, Binōme dejó de ser solamente una idea entre dos personas.", "Hemos tenido la oportunidad de trabajar con empresas y startups, desarrollar proyectos de distintas escalas y colaborar con profesionales tanto del mundo del diseño como de otras disciplinas.", "Cada colaboración nos ha permitido ampliar nuestra mirada, descubrir nuevas formas de trabajar y asumir retos que difícilmente abordaríamos de la misma manera por separado.", "Un estudio pequeño no tiene por qué tener ideas pequeñas." ] }, { "id": "papel", "heading": "Diseñar, construir y seguir aprendiendo.", "label": "05 · Mi papel", "text": [ "Como cofundador de Binōme, participo en las decisiones creativas y estratégicas del estudio, conectando branding, diseño digital, producto y desarrollo web.", "También implica algo que no siempre aparece en un portfolio: escuchar a los clientes, entender sus necesidades, organizar proyectos, colaborar con otros profesionales y convertir ideas en entregables reales.", "Binōme es una extensión de mi forma de trabajar. Un lugar para explorar ideas, compartir responsabilidades y construir proyectos con intención." ] }, { "id": "cierre", "heading": "Lo que empieza entre dos puede llegar mucho más lejos.", "label": "Cierre", "text": [ "Binōme sigue creciendo con cada proyecto, cada cliente y cada persona que se suma al camino.", "¿Tienes algo en mente? Conozcamos qué podemos hacer juntos." ] } ] }, { "slug": "yaypegs", "name": "Yaypegs", "category": "Diseño digital", "context": "Proyecto digital", "summary": "Diseño digital para Yaypegs: una experiencia clara, con personalidad y fácil de usar.", "description": "Trabajé la experiencia y la identidad visual cuidando la claridad de uso y la coherencia entre marca y producto.", "services": "Diseño digital · UX/UI", "tagline": "Detalles que se notan.", "role": "Product Designer", "period": "Digital", "url": "https://tomfabre.com/proyectos/yaypegs/" }, { "slug": "360estudio", "name": "360estudio", "category": "Branding · Diseño web · Dirección de arte", "context": "Arquitectura", "summary": "Construir una identidad digital que deje hablar a los proyectos, refleje la personalidad del estudio y convierta su trabajo en una experiencia visual coherente.", "description": "Construí el sistema visual completo: identidad, web y gestión del contenido en redes, con un nivel de marca coherente con la calidad de sus proyectos de arquitectura.", "services": "Identidad · Web · Contenido social", "tagline": "Arquitectura con una identidad a su altura.", "role": "Lead Product Designer", "period": "Binōme", "url": "https://tomfabre.com/proyectos/360estudio/" }, { "slug": "figy", "name": "Figy", "category": "Diseño digital", "context": "Proyecto digital", "summary": "Diseño digital para Figy: una experiencia clara y coherente de principio a fin.", "description": "Trabajé la experiencia y la interfaz cuidando la claridad, el ritmo y la coherencia visual.", "services": "Diseño digital · UX/UI", "tagline": "Una idea, bien resuelta.", "role": "Product Designer", "period": "Digital", "url": "https://tomfabre.com/proyectos/figy/" }, { "slug": "apolo", "name": "Apolo", "category": "App · Launcher Android", "context": "Móvil · MadSeven", "summary": "La interfaz de un launcher Android accesible y muy personalizable, con más de 3M de descargas.", "description": "Diseñé la interfaz de un launcher pensado para personalizarse sin perder claridad ni accesibilidad.", "services": "Producto móvil · UI · Accesibilidad", "tagline": "Un móvil que se siente tuyo.", "role": "Senior UX/UI Designer", "period": "2018–2022", "url": "https://tomfabre.com/proyectos/apolo/" }, { "slug": "appy", "name": "Appy", "category": "App · Onboarding", "context": "Móvil · MadSeven", "summary": "Un onboarding más corto que redujo el abandono en más de 500K usuarios.", "description": "Simplifiqué el onboarding apoyándome en análisis de comportamiento y pruebas A/B.", "services": "Onboarding · UX · A/B", "tagline": "Menos pasos, más gente que llega.", "role": "Senior UX/UI Designer", "period": "2018–2022", "url": "https://tomfabre.com/proyectos/appy/" }, { "slug": "mood", "name": "Mood Messenger", "category": "App · Mensajería", "context": "Móvil · MadSeven", "summary": "Flujos de mensajería rediseñados para priorizar personalización y retención, con más de 5M de descargas.", "description": "Rediseñé los flujos de mensajería para que personalizar y volver a la app fuese más natural.", "services": "Producto móvil · Flujos · Retención", "tagline": "Conversar, a tu manera.", "role": "Senior UX/UI Designer", "period": "2018–2022", "url": "https://tomfabre.com/proyectos/mood/" }, { "slug": "molyb", "name": "Molyb", "category": "Plataforma educativa", "context": "Minería · INGC", "summary": "Una plataforma educativa interactiva que volvía accesible contenido técnico complejo.", "description": "Creé una plataforma educativa para el sector minero: contenido técnico presentado de forma clara e interactiva.", "services": "UX/UI · Plataformas · E-learning", "tagline": "Hacer simple lo técnico.", "role": "UX/UI Designer", "period": "2015–2017", "url": "https://tomfabre.com/proyectos/molyb/" } ], "en": [ { "slug": "contazara", "name": "Contazara", "category": "Branding · Web · Digital", "context": "Industry and energy", "summary": "Rebranding, website and digital communications for a company with 40 years of history, shaped together with its team.", "description": "I took part from the first meetings with leadership through the new identity, its tone of voice, the website and digital communications.", "services": "Branding · Visual identity · Web design · Digital communications", "tagline": "40 years of history. A new identity shaped together.", "role": "Creative direction · Branding · Digital strategy", "period": "2025 – 2026", "url": "https://tomfabre.com/en/projects/contazara/", "story": [ { "id": "caso", "heading": "A new look. The same identity at heart.", "label": "Contazara", "text": [ "How do you refresh a company's identity after 40 years without losing what makes it unique? By listening, sharing ideas, and building the change together with the people who are part of it." ] }, { "id": "reto", "heading": "40 years of history. A lot worth keeping.", "label": "01 · The challenge", "text": [ "Contazara had been innovating in water-measurement technology for decades. Its identity, though, needed to keep pace with that evolution. You can see the result on [Contazara's website](https://www.contazara.es/).", "Changing a brand so present in a company's history wasn't a simple decision. There were doubts, memories, and a lot to respect.", "The challenge wasn't starting from scratch. It was evolving without ceasing to be Contazara." ] }, { "id": "proceso", "heading": "Before designing, we had to listen.", "label": "02 · Process and identity", "text": [ "We started by talking with management and the teams. We wanted to understand what had to change, what deserved to stay, and how to make everyone feel part of the process.", "A new identity came out of it, built around a symbol that joins the C and the Z through geometry, precision, and movement.", "But the result was much more than a logo: a visual language with its own rules, colours, typefaces, and applications.", "An identity that doesn't just represent them. They feel it's theirs." ] }, { "id": "web", "heading": "A brand that works on and off the screen.", "label": "03 · Web and communication", "text": [ "We brought the new identity to [Contazara's website](https://www.contazara.es/), creating a clearer experience for exploring its products, understanding its technology, and meeting the people behind the company.", "We also developed their tone of voice and an editorial line for LinkedIn and Instagram, combining innovation, sustainability, data, current affairs, and people.", "Because a brand isn't built only with what it shows. Also with what it tells." ] }, { "id": "resultados", "heading": "The change shows. And it's felt.", "label": "04 · Results", "text": [ "+77.2% LinkedIn followers · +46% Instagram followers", "Between September 2025 and November 2026, Contazara went from 930 to 1,648 followers on LinkedIn and from 250 to 365 on Instagram.", "The new identity has spread across communications, corporate materials, the website, and the company's spaces. A system that keeps growing and that their teams have made their own." ] }, { "id": "papel", "heading": "From the first conversation to the last detail.", "label": "05 · Teamwork", "text": [ "I led the evolution of Contazara's visual identity, brand personality and digital communication. The work began by listening to the concerns of its management team and took shape at every touchpoint of the brand.", "For the team interviews and the web design and development I had the collaboration of [Binōme Studio](https://binome.xyz/). In parallel, [360estudio](https://www.360estudio.io/) took care of the architecture and construction of the new offices, where we also worked together to bring the new identity into the spaces.", "Different disciplines. One shared vision." ] }, { "id": "cierre", "heading": "A new identity. The same essence.", "label": "Closing", "text": [ "It was never about changing who they were, but about finding a new way to tell it.", "Is your brand ready for its next chapter? Let's talk." ] } ] }, { "slug": "a2pas", "name": "À2pas", "category": "Product Design · UX/UI · Branding", "context": "Culture & Live Entertainment", "summary": "A participatory platform connecting audiences, artists and venues to make new performances possible.", "description": "User research, personas, user journeys, information architecture, wireframes, UX/UI, prototypes, visual identity, development and testing.", "services": "UX Research · Product Design · Branding · Development", "tagline": "Putting culture in the hands of its audience.", "role": "Product Designer · UX/UI · Branding", "period": "2023 – 2024", "url": "https://tomfabre.com/en/projects/a2pas/", "story": [ { "id": "reto", "heading": "Different people. One connected experience.", "label": "01 · The challenge", "text": [ "How do you connect someone who wants to see a concert, an artist looking for new audiences and a venue with available dates?", "That was one of the main challenges behind A2PAS: designing a platform for two very different user ecosystems.", "On one side, audiences discovering, suggesting, supporting and booking shows. On the other, artists, producers and venues managing opportunities, availability and events through dedicated dashboards, each with its own features and permissions.", "Different needs. One experience that had to work for everyone." ] }, { "id": "concepto", "heading": "From wanting to see it to making it happen.", "label": "02 · The concept", "text": [ "Imagine living in Aix-en-Provence and discovering an emerging band playing in Paris.", "You'd love to see them closer to home, but they might never make it to your city.", "With A2PAS, you could find an available venue, choose a date and propose a show. Other people in Aix and nearby towns could vote to support the idea.", "Once the proposal reached the required level of interest, between 75% and 80% of the venue's capacity, the event was automatically activated and ticket sales could begin.", "Early supporters could benefit from discounted tickets as a reward for getting involved.", "A shared idea could become an actual date on the calendar." ] }, { "id": "producto", "heading": "Complex behind the scenes. Simple on the surface.", "label": "03 · Product design", "text": [ "My work covered the full process: research, interviews, user personas, journeys, information architecture, wireframes, UX/UI, prototypes, visual identity, development and testing.", "The biggest challenge was bringing very different user journeys together within one product.", "I designed the audience experience, from searching and filtering to event pages, sign-in, checkout and purchase confirmation.", "At the same time, professional users needed dedicated spaces to manage their activities, with features and permissions tailored to their roles.", "The aim was to help everyone understand what they could do, what would happen next and how their participation could help bring culture closer." ] }, { "id": "participacion", "heading": "Community first. Stage second.", "label": "04 · The participatory experience", "text": [ "A2PAS challenged part of the traditional approach to cultural programming.", "Instead of relying only on events planned in advance, it made it possible to measure local interest before activating a performance.", "Audiences could help shape the programme, emerging artists could find new opportunities and venues could make better use of available dates.", "We designed and tested the journeys to make discovering, proposing, voting and buying tickets feel like parts of one connected experience.", "The platform was launched and used.", "It wasn't just about selling tickets. It was about creating more opportunities for culture to happen." ] }, { "id": "trabajo", "heading": "Designing connections, not just screens.", "label": "05 · My role", "text": [ "I worked across the entire product lifecycle, from understanding users and organising their needs to designing, developing and testing the experience.", "The brand identity needed to reflect the same values as the platform: accessibility, participation and shared culture.", "And the digital experience had to make it work for very different audiences, without passing the system's complexity on to the people using it.", "Two user ecosystems. Many journeys. One idea: bringing culture closer." ] }, { "id": "cierre", "heading": "Culture starts long before the curtain rises.", "label": "Closing", "text": [ "It starts when someone discovers an artist, shares an idea and finds others who want to make it happen.", "Have a complex product that needs a simpler experience? Let's talk." ] } ] }, { "slug": "happylife", "name": "HappyLife", "category": "Product Design · UX/UI", "context": "French startup · Social app", "summary": "An app bringing people together through real activities, with fewer taps, smarter filters and rewards for taking part.", "description": "UX/UI study, research and needs analysis, information architecture and journeys, interface design, prototyping and MVP launch.", "services": "UX Research · UX/UI · Prototyping · MVP", "tagline": "Less screen time. More real life.", "role": "Lead Product Designer", "period": "2023", "url": "https://tomfabre.com/en/projects/happylife/", "story": [ { "id": "reto", "heading": "Designing an app people would want to put down.", "label": "01 · The challenge", "text": [ "After the pandemic, a French startup from Lyon came to us with an idea: help people reconnect in real life.", "Loneliness wasn't new. Neither was spending hours looking at a screen while life happened somewhere else.", "The challenge came with a contradiction. How do you design an app that brings people closer without making them more dependent on their phones?", "The answer wasn't adding more features. It was removing what got in the way." ] }, { "id": "experiencia", "heading": "Less searching. More finding.", "label": "02 · The experience", "text": [ "We wanted to avoid endless scrolling, hundreds of choices and the familiar feeling of closing an app without having decided anything.", "HappyLife started with three simple things: what you enjoy, when you're free and what you'd like to share with others.", "Based on interests and availability, the app could surface relevant activities without making people browse through an endless catalogue.", "The complexity belonged behind the interface, leaving people free to focus on what mattered.", "Finding a good plan should be easy. Enjoying it should be even easier." ] }, { "id": "gamificacion", "heading": "The rewards were waiting offline.", "label": "03 · Gamification with purpose", "text": [ "HappyLife included a rewards system designed to encourage real participation.", "Meeting people, joining activities and sharing experiences could earn points, redeemable for vouchers and new experiences.", "The goal wasn't to reward time spent using the app, but what happened after putting the phone away.", "A small distinction that changed the logic of the product.", "Less reward for scrolling. More reasons to show up." ] }, { "id": "producto", "heading": "Fewer taps. More time for people.", "label": "04 · Product design", "text": [ "Our UX/UI approach focused on making every decision simpler.", "Quick access, useful filters and short journeys helped people discover activities that matched their interests and free time.", "Instead of showing every possible option, we focused on making the relevant ones easier to find.", "The product had to handle the complexity, not pass it on to the people using it.", "From UX/UI research and prototypes through to bringing the MVP into operation, we kept the same principle: help people find what they needed with less effort.", "We didn't need people to do more inside the app. We wanted them to do more outside it." ] }, { "id": "trabajo", "heading": "Designing for what happens after the tap.", "label": "05 · My work", "text": [ "We worked on research, experience definition, UX/UI design and prototyping for an app created to make real connections easier.", "The project progressed to the MVP implementation stage, bringing design decisions into the first functional version of the product.", "The challenge was to turn a social idea into practical product decisions: how to filter activities, what information to show, when to surface relevant opportunities and how to encourage participation without unnecessary friction or dependence.", "An experience built around technology knowing when to step aside." ] }, { "id": "cierre", "heading": "Life happens beyond the screen.", "label": "Closing", "text": [ "HappyLife was built around a simple idea: there might always be someone nearby who'd love to share a moment.", "Design could help those people find each other.", "Have an idea that needs a more human experience? Let's talk." ] } ] }, { "slug": "binome", "name": "Binōme Studio", "category": "Branding · Strategy · Web", "context": "Independent design studio", "summary": "An independent studio built on combining experience, ideas and different skills to create thoughtful work.", "description": "Studio co-founding, strategy, visual identity, web, UX/UI and client relationships.", "services": "Branding · Web · UX/UI · Strategy", "tagline": "Two paths. One way of doing things.", "role": "Co-founder · Creative & Product Design", "period": "Studio in operation", "url": "https://tomfabre.com/en/projects/binome/", "story": [ { "id": "comienzo", "heading": "Some ideas are better together.", "label": "01 · The beginning", "text": [ "We each came from different backgrounds, with our own experiences, disciplines and ways of looking at design.", "After years of working with different teams and companies, we felt it was time to create something together.", "We didn't just want to work independently. We wanted the freedom to combine our skills, share decisions and approach projects from a broader perspective.", "Different journeys. A shared ambition." ] }, { "id": "idea", "heading": "One plus one can go a lot further.", "label": "02 · The idea", "text": [ "[Binōme](https://binome.xyz/) started with a simple belief: combining different skills opens up more possibilities.", "Branding, digital design, user experience, web development and strategy all come together without being treated as separate worlds.", "We like looking at the whole picture, from the first questions to the details that make everything work.", "Because good ideas become stronger when the right people work on them together." ] }, { "id": "marca", "heading": "Designing for ourselves was part of the challenge.", "label": "03 · Building our own brand", "text": [ "Creating our studio's identity meant asking ourselves the same questions we ask our clients.", "Who are we? What do we do? How do we work? What makes us different?", "Our identity and website needed to reflect how we see design: clarity, character, collaboration and attention to detail.", "It wasn't just about creating a good-looking brand. It was about building a presence that could showcase our work and start new conversations." ] }, { "id": "proyectos", "heading": "The best part came after launch.", "label": "04 · From an idea to real projects", "text": [ "Over time, Binōme became much more than an idea shared by two people.", "We've worked with companies and startups, taken on projects of different sizes and collaborated with professionals both inside and outside the design industry.", "Each project has helped us broaden our perspective, explore different ways of working and take on challenges we might not have approached the same way alone.", "A small studio doesn't have to think small." ] }, { "id": "papel", "heading": "Designing, building and always learning.", "label": "05 · My role", "text": [ "As a co-founder of Binōme, I'm involved in the studio's creative and strategic decisions, bringing together branding, digital design, product thinking and web development.", "It also means doing the work that doesn't always make it into a portfolio: listening to clients, understanding their needs, organising projects, collaborating with other professionals and turning ideas into real deliverables.", "Binōme is an extension of how I work. A place to explore ideas, share responsibilities and make thoughtful work happen." ] }, { "id": "cierre", "heading": "What starts with two can go much further.", "label": "Closing", "text": [ "Binōme keeps growing with every project, every client and every new collaboration.", "Got something in mind? Let's see what we can create together." ] } ] }, { "slug": "yaypegs", "name": "Yaypegs", "category": "Digital design", "context": "Digital project", "summary": "Digital design for Yaypegs: a clear experience with personality that's easy to use.", "description": "I worked on the experience and visual identity, caring for ease of use and consistency between brand and product.", "services": "Digital design · UX/UI", "tagline": "Details you notice.", "role": "Product Designer", "period": "Digital", "url": "https://tomfabre.com/en/projects/yaypegs/" }, { "slug": "360estudio", "name": "360estudio", "category": "Branding · Web design · Art direction", "context": "Architecture", "summary": "Creating a visual and digital experience that gives the studio's projects room to shine while expressing its distinctive personality.", "description": "I built the full visual system: identity, website and social content management, with a brand level consistent with the quality of their architecture projects.", "services": "Identity · Web · Social content", "tagline": "An architectural identity built to match the work.", "role": "Lead Product Designer", "period": "Binōme", "url": "https://tomfabre.com/en/projects/360estudio/" }, { "slug": "figy", "name": "Figy", "category": "Digital design", "context": "Digital project", "summary": "Digital design for Figy: a clear, consistent experience from start to finish.", "description": "I worked on the experience and interface, caring for clarity, rhythm and visual consistency.", "services": "Digital design · UX/UI", "tagline": "One idea, well solved.", "role": "Product Designer", "period": "Digital", "url": "https://tomfabre.com/en/projects/figy/" }, { "slug": "apolo", "name": "Apolo", "category": "App · Android launcher", "context": "Mobile · MadSeven", "summary": "The interface of an accessible, highly customisable Android launcher with 3M+ downloads.", "description": "I designed the interface of a launcher built to be personalised without losing clarity or accessibility.", "services": "Mobile product · UI · Accessibility", "tagline": "A phone that feels like yours.", "role": "Senior UX/UI Designer", "period": "2018–2022", "url": "https://tomfabre.com/en/projects/apolo/" }, { "slug": "appy", "name": "Appy", "category": "App · Onboarding", "context": "Mobile · MadSeven", "summary": "A shorter onboarding that reduced drop-off for 500K+ users.", "description": "I simplified the onboarding using behaviour analytics and A/B testing.", "services": "Onboarding · UX · A/B", "tagline": "Fewer steps, more people arriving.", "role": "Senior UX/UI Designer", "period": "2018–2022", "url": "https://tomfabre.com/en/projects/appy/" }, { "slug": "mood", "name": "Mood Messenger", "category": "App · Messaging", "context": "Mobile · MadSeven", "summary": "Messaging flows redesigned to prioritise personalisation and retention, with 5M+ downloads.", "description": "I redesigned the messaging flows so personalising and coming back felt more natural.", "services": "Mobile product · Flows · Retention", "tagline": "Chat, your way.", "role": "Senior UX/UI Designer", "period": "2018–2022", "url": "https://tomfabre.com/en/projects/mood/" }, { "slug": "molyb", "name": "Molyb", "category": "Educational platform", "context": "Mining · INGC", "summary": "An interactive educational platform that made complex technical content accessible.", "description": "I created an educational platform for the mining sector: technical content presented clearly and interactively.", "services": "UX/UI · Platforms · E-learning", "tagline": "Making technical simple.", "role": "UX/UI Designer", "period": "2015–2017", "url": "https://tomfabre.com/en/projects/molyb/" } ], "fr": [ { "slug": "contazara", "name": "Contazara", "category": "Branding · Web · Digital", "context": "Industrie et énergie", "summary": "Identité, site web et communication digitale d'une entreprise forte de 40 ans d'histoire, construits avec ses équipes.", "description": "J'ai accompagné le projet des premières réunions avec la direction jusqu'à la nouvelle identité, son ton, le site web et la communication digitale.", "services": "Branding · Identité visuelle · Design web · Communication digitale", "tagline": "40 ans d'histoire. Une nouvelle identité construite ensemble.", "role": "Direction créative · Branding · Stratégie digitale", "period": "2025 – 2026", "url": "https://tomfabre.com/fr/projets/contazara/", "story": [ { "id": "caso", "heading": "Changer d'image. Sans perdre son identité.", "label": "Contazara", "text": [ "Comment renouveler l'identité d'une entreprise après 40 ans sans perdre ce qui la rend unique ? En écoutant, en partageant des idées et en construisant le changement avec les personnes qui la font vivre." ] }, { "id": "reto", "heading": "40 ans d'histoire. Et beaucoup à préserver.", "label": "01 · Le défi", "text": [ "Depuis des décennies, Contazara innove dans les technologies de mesure de l'eau. Son identité, elle, devait accompagner cette évolution. Vous pouvez voir le résultat sur [le site web de Contazara](https://www.contazara.es/).", "Changer une marque aussi présente dans l'histoire d'une entreprise n'avait rien d'évident. Il y avait des doutes, des souvenirs et beaucoup à respecter.", "Le défi n'était pas de repartir de zéro. C'était d'évoluer sans cesser d'être Contazara." ] }, { "id": "proceso", "heading": "Avant de dessiner, il fallait écouter.", "label": "02 · La démarche et l'identité", "text": [ "Nous avons commencé par échanger avec la direction et les équipes. Nous voulions comprendre ce qui devait changer, ce qui méritait de rester et comment faire en sorte que chacun se sente partie prenante.", "Une nouvelle identité en est née, construite autour d'un symbole qui unit le C et le Z par la géométrie, la précision et le mouvement.", "Mais le résultat dépasse largement le logo : un langage visuel avec ses propres règles, couleurs, typographies et applications.", "Une identité qui ne fait pas que les représenter. Ils se la sont appropriée." ] }, { "id": "web", "heading": "Une marque qui vit dans et hors de l'écran.", "label": "03 · Web et communication", "text": [ "Nous avons porté la nouvelle identité sur [le site web de Contazara](https://www.contazara.es/), avec une expérience plus claire pour explorer ses produits, comprendre sa technologie et découvrir les personnes derrière l'entreprise.", "Nous avons aussi développé leur ton de voix et une ligne éditoriale pour LinkedIn et Instagram, mêlant innovation, durabilité, données, actualité et humain.", "Car une marque ne se construit pas seulement avec ce qu'elle montre. Mais aussi avec ce qu'elle raconte." ] }, { "id": "resultados", "heading": "Le changement se voit. Et se ressent.", "label": "04 · Résultats", "text": [ "+77,2 % abonnés sur LinkedIn · +46 % abonnés sur Instagram", "Entre septembre 2025 et novembre 2026, Contazara est passée de 930 à 1 648 abonnés sur LinkedIn et de 250 à 365 sur Instagram.", "La nouvelle identité s'est étendue à la communication, aux supports corporatifs, au site web et aux espaces de l'entreprise. Un système qui continue de grandir et que les équipes se sont approprié." ] }, { "id": "papel", "heading": "De la première conversation au dernier détail.", "label": "05 · Un travail d'équipe", "text": [ "J'ai piloté l'évolution de l'identité visuelle, de la personnalité de marque et de la communication digitale de Contazara. Un travail qui a commencé par l'écoute des préoccupations de sa direction et qui a pris forme à chaque point de contact de la marque.", "Pour les entretiens avec les équipes et la conception et le développement web, j'ai pu compter sur la collaboration de [Binōme Studio](https://binome.xyz/). En parallèle, [360estudio](https://www.360estudio.io/) s'est chargé de l'architecture et de la construction des nouveaux bureaux, où nous avons aussi travaillé ensemble pour intégrer la nouvelle identité dans les espaces.", "Des disciplines différentes. Une même vision." ] }, { "id": "cierre", "heading": "Une nouvelle identité. La même essence.", "label": "Conclusion", "text": [ "Il ne s'agissait pas de changer ce qu'ils étaient, mais de trouver une nouvelle façon de le raconter.", "Votre marque est-elle prête pour sa prochaine étape ? Parlons-en." ] } ] }, { "slug": "a2pas", "name": "À2pas", "category": "Product Design · UX/UI · Identité visuelle", "context": "Culture et spectacle vivant", "summary": "Une plateforme participative qui rapproche publics, artistes et lieux pour faire naître de nouveaux spectacles.", "description": "Recherche utilisateurs, personas, parcours utilisateurs, architecture de l'information, wireframes, UX/UI, prototypes, identité visuelle, développement et tests.", "services": "Recherche UX · Design produit · Identité visuelle · Développement", "tagline": "La culture entre les mains de son public.", "role": "Product Designer · UX/UI · Identité visuelle", "period": "2023 – 2024", "url": "https://tomfabre.com/fr/projets/a2pas/", "story": [ { "id": "reto", "heading": "Plusieurs acteurs. Une seule expérience.", "label": "01 · Le défi", "text": [ "Comment faire se rencontrer quelqu'un qui rêve d'assister à un concert, un artiste qui cherche de nouvelles scènes et une salle avec des dates disponibles ?", "C'était l'un des grands défis d'A2PAS : concevoir une plateforme réunissant deux grands univers d'utilisateurs aux besoins très différents.", "D'un côté, les spectateurs qui découvrent, proposent, soutiennent et réservent des spectacles. De l'autre, les artistes, producteurs et lieux culturels qui gèrent les opportunités, les disponibilités et les événements depuis des espaces dédiés, avec des fonctionnalités et des droits adaptés à leur profil.", "Des besoins différents. Une expérience qui devait fonctionner pour tous." ] }, { "id": "concepto", "heading": "De l'envie d'y aller à la possibilité de le faire.", "label": "02 · Le concept", "text": [ "Imaginez que vous habitez à Aix-en-Provence et que vous découvrez un groupe émergent qui se produit à Paris.", "Vous aimeriez le voir près de chez vous, mais il ne passera peut-être jamais dans votre ville.", "Avec A2PAS, vous pouviez chercher une salle disponible, choisir une date et proposer d'y faire venir le groupe. Les habitants d'Aix et des environs pouvaient ensuite soutenir cette proposition en votant.", "Lorsque le niveau d'intérêt atteignait le seuil prévu, entre 75 % et 80 % de la capacité du lieu, l'événement était automatiquement activé et la billetterie pouvait ouvrir.", "Les premiers participants pouvaient bénéficier de tarifs préférentiels pour avoir contribué au lancement du projet.", "Une envie partagée pouvait devenir une vraie date de spectacle." ] }, { "id": "producto", "heading": "Complexe en coulisses. Simple côté utilisateur.", "label": "03 · Le design produit", "text": [ "J'ai travaillé sur l'ensemble du processus : recherche, entretiens, personas, parcours utilisateurs, architecture de l'information, wireframes, UX/UI, prototypes, identité visuelle, développement et tests.", "Le plus grand défi consistait à faire cohabiter des parcours très différents au sein d'un même produit.", "J'ai conçu l'expérience des spectateurs, de la recherche et des filtres jusqu'aux fiches événements, à l'identification, au paiement et à la confirmation d'achat.", "En parallèle, les professionnels disposaient d'espaces dédiés pour gérer leur activité, avec des fonctionnalités et des droits adaptés à leurs rôles.", "L'objectif : permettre à chacun de comprendre ce qu'il pouvait faire, ce qui allait se passer ensuite et comment sa participation pouvait faire avancer un projet culturel." ] }, { "id": "participacion", "heading": "D'abord le public. Ensuite la scène.", "label": "04 · L'expérience participative", "text": [ "A2PAS proposait une autre manière de penser la programmation culturelle.", "Plutôt que de s'appuyer uniquement sur des spectacles programmés à l'avance, la plateforme permettait de mesurer l'intérêt local avant de déclencher un événement.", "Le public participait à la programmation, les artistes émergents découvraient de nouvelles opportunités et les lieux pouvaient mieux valoriser leurs dates disponibles.", "Nous avons conçu et testé ces parcours pour relier naturellement découverte, proposition, vote et achat de billets.", "La plateforme a été lancée et utilisée.", "Il ne s'agissait pas seulement de vendre des billets. Mais de créer de nouvelles occasions de faire vivre la culture." ] }, { "id": "trabajo", "heading": "Créer des liens, pas seulement des écrans.", "label": "05 · Mon rôle", "text": [ "J'ai participé à tout le cycle du produit, de la compréhension des utilisateurs et de leurs besoins jusqu'au design, au développement et aux tests.", "L'identité visuelle devait porter les mêmes valeurs que la plateforme : proximité, participation et culture partagée.", "Et l'expérience digitale devait rendre tout cela accessible à des publics très différents, sans leur faire subir la complexité du système.", "Deux grands univers. De nombreux parcours. Une même idée : rapprocher la culture." ] }, { "id": "cierre", "heading": "La culture commence bien avant le lever de rideau.", "label": "Conclusion", "text": [ "Elle commence quand quelqu'un découvre un artiste, propose une idée et rencontre d'autres personnes qui ont envie de la concrétiser.", "Vous avez un produit complexe à rendre plus simple ? Parlons-en." ] } ] }, { "slug": "happylife", "name": "HappyLife", "category": "Design produit · UX/UI", "context": "Startup française · Application sociale", "summary": "Une appli pour rapprocher les gens autour d'activités réelles, avec moins de clics, des filtres pertinents et des récompenses pour participer.", "description": "Étude UX/UI, recherche et analyse des besoins, architecture de l'information et parcours, design d'interfaces, prototypage et mise en œuvre du MVP.", "services": "Recherche UX · UX/UI · Prototypage · MVP", "tagline": "Moins d'écran. Plus de vraie vie.", "role": "Lead Product Designer", "period": "2023", "url": "https://tomfabre.com/fr/projets/happylife/", "story": [ { "id": "reto", "heading": "Concevoir une appli qu'on a envie de quitter.", "label": "01 · Le défi", "text": [ "Après la pandémie, une startup lyonnaise est venue avec une idée : aider les gens à retrouver le plaisir de se rencontrer dans la vraie vie.", "La solitude n'avait pas attendu le Covid pour exister. Et cette habitude de passer des heures devant un écran non plus.", "Le défi était presque paradoxal. Comment créer une application qui rapproche les personnes sans les rendre encore plus dépendantes de leur téléphone ?", "La réponse n'était pas d'ajouter des fonctionnalités, mais d'enlever tout ce qui compliquait les choses." ] }, { "id": "experiencia", "heading": "Moins chercher. Plus trouver.", "label": "02 · L'expérience", "text": [ "Nous voulions éviter le scroll sans fin, les centaines de propositions et ce moment où l'on ferme une appli sans avoir rien décidé.", "HappyLife partait de trois choses simples : ce qu'on aime, quand on est disponible et ce qu'on a envie de partager.", "À partir des centres d'intérêt et des créneaux libres, l'application pouvait proposer des activités pertinentes sans obliger à parcourir un catalogue interminable.", "La complexité devait rester en coulisses, pour que l'utilisateur puisse se concentrer sur l'essentiel.", "Trouver une bonne sortie devrait être simple. En profiter, encore plus." ] }, { "id": "gamificacion", "heading": "Les récompenses étaient dans la vraie vie.", "label": "03 · Une gamification qui a du sens", "text": [ "HappyLife intégrait un système de points pour encourager la participation.", "Rencontrer des personnes, prendre part à des activités et partager des moments permettait de gagner des points, échangeables contre des bons et de nouvelles expériences.", "L'idée n'était pas de récompenser le temps passé dans l'application, mais ce qui se passait une fois le téléphone rangé.", "Une nuance qui changeait toute la logique du produit.", "Moins de récompenses pour scroller. Plus de raisons de sortir." ] }, { "id": "producto", "heading": "Quelques clics. Et place aux rencontres.", "label": "04 · Le design produit", "text": [ "Notre travail UX/UI visait à simplifier chaque décision.", "Des accès rapides, des filtres utiles et des parcours courts pour découvrir des activités adaptées à ses envies et à ses disponibilités.", "Plutôt que de multiplier les choix, nous voulions aider chacun à trouver ceux qui comptaient vraiment.", "La complexité devait être gérée par le produit, pas par les personnes qui l'utilisaient.", "De la recherche UX/UI aux prototypes, puis à la mise en œuvre du MVP, nous avons gardé le même principe : aider les gens à trouver ce dont ils avaient besoin avec le moins d'effort possible.", "L'objectif n'était pas de faire passer plus de temps dans l'appli, mais d'en libérer pour les autres." ] }, { "id": "trabajo", "heading": "Penser à ce qui se passe après le clic.", "label": "05 · Mon travail", "text": [ "Nous avons travaillé sur la recherche, la définition de l'expérience, le design UX/UI et le prototypage d'une application destinée à faciliter les rencontres réelles.", "Le projet est allé jusqu'à la mise en œuvre du MVP, en traduisant les choix de design dans une première version fonctionnelle.", "Le défi consistait à transformer une idée sociale en choix concrets de produit : comment filtrer, quelles informations présenter, quand proposer une activité et comment encourager la participation sans créer de friction inutile ni de dépendance.", "Une expérience pensée pour que la technologie sache aussi s'effacer." ] }, { "id": "cierre", "heading": "La vraie vie n'attend pas derrière un écran.", "label": "Conclusion", "text": [ "HappyLife reposait sur une idée simple : il y a peut-être quelqu'un tout près qui aimerait partager un moment.", "Le design devait aider ces personnes à se trouver.", "Vous avez une idée qui mérite une expérience plus humaine ? Parlons-en." ] } ] }, { "slug": "binome", "name": "Binōme Studio", "category": "Branding · Stratégie · Web", "context": "Studio de design indépendant", "summary": "Un studio indépendant né de la rencontre de deux parcours et de compétences complémentaires.", "description": "Cofondation du studio, stratégie, identité visuelle, web, UX/UI et relation client.", "services": "Branding · Web · UX/UI · Stratégie", "tagline": "Deux parcours. Une même façon de faire.", "role": "Cofondateur · Direction créative et design", "period": "Studio en activité", "url": "https://tomfabre.com/fr/projets/binome/", "story": [ { "id": "comienzo", "heading": "Certaines idées fonctionnent mieux à deux.", "label": "01 · Le début", "text": [ "Nous venions chacun de parcours différents, avec nos expériences, nos disciplines et nos façons de voir le design.", "Après plusieurs années de projets, d'équipes et de bureaux différents, nous avons eu envie de construire quelque chose ensemble.", "Pas simplement travailler à notre compte. Créer un espace où partager nos compétences, prendre des décisions ensemble et aborder les projets avec une vision plus large.", "Deux parcours différents. Une ambition commune." ] }, { "id": "idea", "heading": "À deux, on peut aller beaucoup plus loin.", "label": "02 · L'idée", "text": [ "[Binōme](https://binome.xyz/) est né d'une conviction simple : en réunissant des compétences différentes, on ouvre davantage de possibilités.", "Branding, design digital, expérience utilisateur, développement web et stratégie se retrouvent au même endroit, sans avoir besoin de séparer chaque discipline.", "Nous aimons penser les projets dans leur ensemble, des premières questions jusqu'aux détails qui font la différence.", "Parce qu'une bonne idée prend une autre dimension lorsqu'elle rencontre les bonnes personnes." ] }, { "id": "marca", "heading": "Se designer soi-même, tout un exercice.", "label": "03 · Créer notre propre marque", "text": [ "Créer l'identité de notre studio, c'était aussi se poser les questions que nous posons habituellement à nos clients.", "Qui sommes-nous ? Que faisons-nous ? Comment travaillons-nous ? Qu'est-ce qui nous rend différents ?", "Notre identité et notre site devaient refléter notre vision du design : de la clarté, du caractère, de la collaboration et le souci du détail.", "Il ne s'agissait pas seulement de créer une belle marque, mais de construire une présence capable de montrer notre travail et d'ouvrir de nouvelles conversations." ] }, { "id": "proyectos", "heading": "Le plus intéressant est venu après.", "label": "04 · De l'idée aux vrais projets", "text": [ "Avec le temps, Binōme est devenu bien plus qu'une idée partagée à deux.", "Nous avons eu l'occasion de travailler avec des entreprises et des startups, de réaliser des projets de différentes tailles et de collaborer avec des professionnels du design comme d'autres univers.", "Chaque collaboration nous a permis d'élargir notre regard, d'explorer de nouvelles façons de travailler et de relever des défis que nous n'aurions peut-être pas abordés de la même manière seuls.", "Un petit studio peut avoir de grandes idées." ] }, { "id": "papel", "heading": "Concevoir, construire et continuer à apprendre.", "label": "05 · Mon rôle", "text": [ "En tant que cofondateur de Binōme, je participe aux décisions créatives et stratégiques du studio, en faisant le lien entre branding, design digital, produit et développement web.", "C'est aussi tout ce qui ne se voit pas toujours dans un portfolio : écouter les clients, comprendre leurs besoins, organiser les projets, collaborer avec d'autres professionnels et transformer les idées en réalisations concrètes.", "Binōme prolonge ma façon de travailler. Un espace pour explorer des idées, partager les responsabilités et créer des projets qui ont du sens." ] }, { "id": "cierre", "heading": "Ce qui commence à deux peut aller bien plus loin.", "label": "Conclusion", "text": [ "Binōme continue de grandir au fil des projets, des rencontres et des collaborations.", "Vous avez une idée en tête ? Voyons ce que nous pourrions créer ensemble." ] } ] }, { "slug": "yaypegs", "name": "Yaypegs", "category": "Design digital", "context": "Projet digital", "summary": "Design digital pour Yaypegs : une expérience claire, avec de la personnalité et facile à utiliser.", "description": "J'ai travaillé l'expérience et l'identité visuelle en soignant la lisibilité d'usage et la cohérence entre marque et produit.", "services": "Design digital · UX/UI", "tagline": "Des détails qui se remarquent.", "role": "Product Designer", "period": "Digital", "url": "https://tomfabre.com/fr/projets/yaypegs/" }, { "slug": "360estudio", "name": "360estudio", "category": "Branding · Web design · Direction artistique", "context": "Architecture", "summary": "Créer une expérience visuelle et digitale qui laisse toute leur place aux projets, tout en révélant la personnalité du studio.", "description": "J'ai construit le système visuel complet : identité, site et gestion du contenu sur les réseaux, avec un niveau de marque cohérent avec la qualité de leurs projets d'architecture.", "services": "Identité · Web · Contenu social", "tagline": "Une identité à la hauteur de son architecture.", "role": "Lead Product Designer", "period": "Binōme", "url": "https://tomfabre.com/fr/projets/360estudio/" }, { "slug": "figy", "name": "Figy", "category": "Design digital", "context": "Projet digital", "summary": "Design digital pour Figy : une expérience claire et cohérente de bout en bout.", "description": "J'ai travaillé l'expérience et l'interface en soignant la clarté, le rythme et la cohérence visuelle.", "services": "Design digital · UX/UI", "tagline": "Une idée, bien résolue.", "role": "Product Designer", "period": "Digital", "url": "https://tomfabre.com/fr/projets/figy/" }, { "slug": "apolo", "name": "Apolo", "category": "App · Launcher Android", "context": "Mobile · MadSeven", "summary": "L'interface d'un launcher Android accessible et très personnalisable, avec plus de 3M de téléchargements.", "description": "J'ai conçu l'interface d'un launcher pensé pour se personnaliser sans perdre en clarté ni en accessibilité.", "services": "Produit mobile · UI · Accessibilité", "tagline": "Un mobile qui vous ressemble.", "role": "Senior UX/UI Designer", "period": "2018–2022", "url": "https://tomfabre.com/fr/projets/apolo/" }, { "slug": "appy", "name": "Appy", "category": "App · Onboarding", "context": "Mobile · MadSeven", "summary": "Un onboarding plus court qui a réduit l'abandon pour plus de 500K utilisateurs.", "description": "J'ai simplifié l'onboarding à partir de l'analyse des comportements et de tests A/B.", "services": "Onboarding · UX · A/B", "tagline": "Moins d'étapes, plus de monde au bout.", "role": "Senior UX/UI Designer", "period": "2018–2022", "url": "https://tomfabre.com/fr/projets/appy/" }, { "slug": "mood", "name": "Mood Messenger", "category": "App · Messagerie", "context": "Mobile · MadSeven", "summary": "Parcours de messagerie repensés pour favoriser personnalisation et rétention, avec plus de 5M de téléchargements.", "description": "J'ai repensé les parcours de messagerie pour que personnaliser et revenir dans l'app soient plus naturels.", "services": "Produit mobile · Parcours · Rétention", "tagline": "Discuter, à votre manière.", "role": "Senior UX/UI Designer", "period": "2018–2022", "url": "https://tomfabre.com/fr/projets/mood/" }, { "slug": "molyb", "name": "Molyb", "category": "Plateforme éducative", "context": "Mines · INGC", "summary": "Une plateforme éducative interactive qui rendait accessible un contenu technique complexe.", "description": "J'ai créé une plateforme éducative pour le secteur minier : un contenu technique présenté de façon claire et interactive.", "services": "UX/UI · Plateformes · E-learning", "tagline": "Rendre le technique simple.", "role": "UX/UI Designer", "period": "2015–2017", "url": "https://tomfabre.com/fr/projets/molyb/" } ] } }