Focus

Focus no nació como Focus. Los primeros seis meses fueron para un proyecto sobre salud mental laboral que no terminaba de encajar: era demasiado para un TFM, sin los recursos para abordarlo con responsabilidad.Focus didn't start as Focus. The first six months went into a project on workplace mental health that never quite fit: too big for a thesis, without the resources to handle it responsibly.

En febrero cambiamos de tema por completo. El nuevo estaba en nuestra propia experiencia: los cuatro habíamos cambiado de rumbo formativo alguna vez porque no elegimos bien al principio.In February we changed topic completely. The new one came from our own experience: all four of us had changed course at some point because we hadn't chosen well at the start.

No es una percepción, es un patrón medible: en un estudio con 15.000 estudiantes, la indecisión fue la norma. Y los jóvenes solo conocen en torno al 25 % de las opciones formativas que tienen a su alcance.It's not a feeling, it's a measurable pattern: in a study of 15,000 students, indecision was the norm. And young people only know about 25% of the study options actually open to them.

Empezamos con una protopersona construida sobre supuestos razonables. Tras encuestar a más de 20 institutos, reunir 90 respuestas y hacer varias entrevistas, la afinamos con datos reales.We started with a proto-persona built on reasonable assumptions. After surveying more than 20 schools, collecting 90 responses and running several interviews, we refined it with real data.

FrustracionesFrustrations

Falta de información concreta, poca representación de estudios no convencionales, miedo a equivocarse, sobrecarga informativa.Lack of concrete information, little visibility for unconventional paths, fear of getting it wrong, information overload.

NecesidadesNeeds

Información clara y atractiva, orientación personalizada, ejemplos reales.Clear, engaging information, personalised guidance, real examples.

CanalesChannels

TikTok (94 min al día de media), Instagram, Pinterest, BeReal.TikTok (94 min a day on average), Instagram, Pinterest, BeReal.

No faltaba contenido de orientación: faltaba un formato que los adolescentes realmente consumieran. Con 94 minutos diarios en TikTok como referencia, la solución tomó forma: vídeos cortos de profesiones, contados por jóvenes.There was no shortage of guidance content — what was missing was a format teenagers actually consume. With 94 minutes a day on TikTok as the benchmark, the answer took shape: short videos about jobs, told by young people.

Validamos el concepto con un elevator pitch en una clase de 4º de ESO. La respuesta confirmó la hipótesis: la barrera principal era la sobrecarga de información sin filtrar.We validated the concept with an elevator pitch in a Year 10 class. The response confirmed the hypothesis: the main barrier was unfiltered information overload.

ProblemaProblem

Estudiantes desorientados ante una oferta tradicional e información abrumadora.Students lost between traditional options and overwhelming information.

SoluciónSolution

Vídeos cortos sobre profesiones innovadoras, con rutas formativas personalizadas.Short videos about emerging jobs, with personalised learning paths.

Valor únicoUnique value

Descubrir profesiones desconocidas y trazar el camino académico paso a paso.Discover unknown jobs and map the study path step by step.

VentajaAdvantage

Formato audiovisual adaptado al lenguaje real de la Generación Z.An audiovisual format that speaks Gen Z's actual language.

A mitad de proceso pasamos de un Design Thinking puro a Lean UX con sprints ágiles de dos semanas: la vía de entrevistas formales se bloqueó al coincidir con los exámenes finales en los institutos. Para avanzar, creábamos —moodboard, brandbook, primera pantalla— y validábamos.Halfway through we moved from pure Design Thinking to Lean UX with two-week agile sprints: formal interviews stalled because they clashed with end-of-year exams. To keep moving, we built — moodboard, brand book, first screen — and validated.

EmpatizarEmpathise

Desk research, encuesta a más de 20 institutos y entrevistas abiertas.Desk research, a survey of 20+ schools and open interviews.

DefinirDefine

De la protopersona a la persona validada, con Lean Canvas y Value Proposition Canvas.From proto-persona to validated persona, with Lean Canvas and Value Proposition Canvas.

IdearIdeate

El insight del formato vídeo, el pitch en un instituto real y la arquitectura del MVP.The video-format insight, a pitch in a real school and the MVP architecture.

PrototiparPrototype

Historias de usuario (MVP y backlog), wireframes, identidad de marca y sistema UI.User stories (MVP and backlog), wireframes, brand identity and UI system.

TestearTest

Pruebas de usuario sobre marca y navegación que redefinieron partes enteras del producto.User tests on brand and navigation that reshaped whole parts of the product.

El MVP se organizó en cinco espacios con funciones bien delimitadas, priorizados según su impacto en las historias de usuario. La app está en catalán, el idioma de su público.The MVP was organised into five spaces with clear roles, prioritised by their impact on user stories. The app is in Catalan, its audience's language.

Inici

Vídeos en scroll infinito: aleatorios al principio, personalizados después.Infinite-scroll videos: random at first, personalised later.

Explora

Buscador con filtros por tema, localización y duración.Search with filters by topic, location and length.

Desats

Vídeos guardados en el dispositivo, sin necesidad de registrarse.Saved videos stored on the device, no sign-up needed.

Fer Camí

Un cuestionario breve para personalizar la ruta formativa.A short quiz to personalise the learning path.

Camins

Gestión visual de las rutas académicas guardadas.Visual management of saved study paths.

«Focus» funciona a la vez en catalán (foco) y en inglés (to focus, enfocarse): justo lo que la app ayuda a hacer con el futuro formativo.“Focus” works in Catalan (focus, a spotlight) and in English (to focus) at once — exactly what the app helps you do with your future studies.

El sistema tiene tres formas —imagotipo, isotipo y logotipo— para pasar de espacios amplios a muy reducidos. Las imágenes se recortan con una inclinación de 67° (o 293°), un ángulo que sale de la «u» del logotipo: el rasgo que conecta cada aplicación con la marca incluso sin ver el logo. La tipografía es Cy Grotesk Key.The system has three forms — combination mark, symbol and wordmark — to scale from generous to very tight spaces. Images are cropped at a 67° angle (or 293°), taken from the “u” in the logo: the trait that ties every application to the brand even without the logo. The typeface is Cy Grotesk Key.

Cuatro decisiones de interfaz que cambiaron por completo después de ver a usuarios reales navegar el prototipo.Four interface decisions that changed completely after watching real users navigate the prototype.

Del primer «Hola!» al camino formativo guardado: seis pantallas clave del prototipo de alta fidelidad.From the first “Hola!” to a saved study path: six key screens from the high-fidelity prototype.

Iconografía de formas geométricas limpias, pensada para reconocerse de un vistazo, y una marca llevada también a soportes físicos: tote bags, pegatinas, tablets y móviles.Clean geometric iconography, designed to be recognised at a glance, and a brand taken onto physical media too: tote bags, stickers, tablets and phones.

Misión: dar a los jóvenes de Cataluña información accesible y personalizada sobre profesiones poco conocidas. Visión: ser el referente en orientación vocacional de Cataluña.Mission: give young people in Catalonia accessible, personalised information about little-known jobs. Vision: become Catalonia's go-to reference for career guidance.

Focus es un proyecto académico: un concepto de producto validado con estudiantes y profesorado, no una app publicada.Focus is an academic project: a product concept validated with students and teachers, not a published app.