Copyright © 2025 Raquel Vivas
Rectangle 7
Mockup_4 1
mare - Proyecto final para el Máster
UI
Ilustración
UI
Ilustración
Rectangle 6
image 16
EsRural
UX
Ilustración
Frame 41
Más que un huevo
Ilustración
Diseño gráfico
Ilustración
Diseño gráfico
Frame 42
Ratoncita Pérez
Diseño web
Ilustración
Diseño web
Ilustración
Frame 46
ConEmoción
Ilustración
Social media
Ilustración
Social media
Frame 41
Cervezas La Extremeña
Ilustración
Diseño gráfico
Frame 42
Fallas 2020
Ilustración
Diseño gráfico
¡Hola!
Hello!
Ciao!
Bonjour!
¡Hola!
Soy Raquel Vivas,
diseñadora UX/UI,
gráfica e ilustradora.
UI
Rq.
UI
Copyright © 2025 Raquel Vivas
Doble Graduada en Publicidad y RR.PP. + Turismo Máster en Diseño UX/UI Trainee Creativo Universidad de Cádiz | 2011-2016 FCB Spain
Febrero 2017 - Febrero 2018
Escuela de arte digital TRAZOS | Madrid | 2021 Diseñadora gráfica
y Social Media
JCDecaux
Agosto 2018 - Mayo 2022
Diseñadora UX/UI The Wise Seeker
Abril 2023 - Noviembre 2024
Diseñadora gráfica UX/UI y Social Media Freelance
User Journey Map ¿Cuál ha sido mi viaje hasta ahora?
Interview Dado que el portfolio es una herramienta para mostrar mi trabajo, he recopilado varias preguntas hechas por reclutadores en diferentes ofertas o entrevistas de trabajo sobre mi manera de trabajar:
User Flow Una vez recopilada toda la información anterior, se establece la estructura del diseño del portfolio que quiero que el usuario explore:

  • Llegada a la Home, el usuario encuentra una breve descripción sobre mí y una selección de proyectos destacados.

  • Si le interesa un proyecto, accede a su caso de estudio detallado.

  • Si desea saber más sobre mí o sobre el proceso de desarrollo de este portafolio, puede visitar la sección "UX".

  • Si quiere conocer el sistema de diseño completo del portafolio, puede acceder a la sección "UI".
Start
Home
Proyectos
UX
UI
Solución Para abordar los problemas identificados, tomé las siguientes decisiones de diseño:
Estructura clara:
Tres apartados principales: Home (proyectos), UX (explicación del proceso) y UI (sistema de diseño).
Diseño accesible:
Contrastes adecuados, tipografía legible y navegación intuitiva.
Enfoque en UX y storytelling:
Cada proyecto se presenta como un caso de estudio detallado.
Biografía Creativa y diseñadora con más de 6 años de experiencia en proyectos digitales. En constante aprendizaje, me enfoco en adaptarme a cada proyecto y a cada reto sin perder la creatividad.
Edad 32 años
Ocupación Diseñadora gráfica UX/UI
Ubicación Motril (Granada)
Correo raquel.vivas5@gmail.com
Objetivos Encontrar un trabajo en el que pueda desarrollarme profesionalmente. Software
image 56
Adobe_Illustrator_CC_icon.svg 1
Adobe_Photoshop_CC_icon.svg 1
Necesidades Tener un portfolio donde pueda enseñar mis trabajos a los reclutadores. Intereses
Viajar
Pintar
Camping
Cocinar
Cuando decidí crear mi portfolio, no quería que fuera solo una recopilación de mis trabajos, sino que también reflejara mi proceso de diseño y pensamiento estratégico.
Para ello,
traté mi portfolio como un proyecto UX y UI en sí mismo, analizando necesidades, problemas y soluciones para lograr una experiencia fluida y efectiva, así como la creación del Sistema de diseño.

Dado que el portfolio es una herramienta para mostrar mi trabajo, me tomé como referencia para definir un
User Persona:
UX Case Study: Mi Portfolio
Cover
Portfolio Design System
Typography
Typography
Style Font Size Weight Height

H1

IBM Plex Mono 128 Bold L166

H2

IBM Plex Mono 54 SemiBold L70

H3

IBM Plex Mono 54 Regular L70
Title 1 IBM Plex Mono 54 Bold L70
Title 2 IBM Plex Mono 28 Regular L36
Title 3 IBM Plex Mono 16 Bold L20
Body 1 Montserrat 16 Regular L20
Body 2 Montserrat 12 Regular L16
Button 1 Montserrat 16 Bold L20
Button 2 Inter 16 Regular L20
Button 3 Inter 16 Light L20
Label Montserrat 16 Regular L20
Body 2 Montserrat 16 Bold L20
Colors
Colors Icons
Base Light
Primary
#FFFFFF
Secondary
#F2F2F2
Accent
Primary
#3A47BE
Secondary
#293286
Tertiary
#2339FF - 20%
Text
Text
#1C2124
Base Dark
Primary
#FFFFFF
Secondary
#31383D
Accent
Primary
#3A47BE
Secondary
#293286
Tertiary
#2339FF - 20%
Text
Text
#1C2124
Icons Buttons
Text Button
Focus
Focus Hover
Default
Focus
Focus Hover
Default
Hover
Hover
Mode Button Default Press Light Default Hover Focus FocusHover Dark Dark Light Default Press Dark Light
Buttons
Labels
Default
Default
Light Dark
Labels
Pages
Cover
Typography
Colors
Icons
Buttons Labels
Buttons
UI Design System: Mi Portfolio
Made
with