Rq.

Cover

Portfolio Design System

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

Mode Button Default Press Light Default Hover Focus FocusHover Dark Dark Light Default Press Dark Light

Buttons

Labels

Default

Light Dark

Labels

Pages

Buttons Labels

UI Design System: Mi Portfolio

¡Hola!

Hello!

Ciao!

Bonjour!

¡Hola!

Soy Raquel Vivas,
diseñadora UX/UI,
gráfica e ilustradora.

mare - Proyecto final para el Máster

Ilustración

EsRural

Ilustración

Ratoncita Pérez

Diseño web

Ilustración

Diseño web

Ilustración

ConEmoción

Ilustración

Social media

Ilustración

Social media

Cervezas La Extremeña

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

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

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