UX DESIGN / WEBSITE / GRAPHIC DESIGN
UX DESIGN / GAMING APP
UX DESIGN / WEBSITE / GRAPHIC DESIGN
La Rioja Turismo
La Rioja Turismo
La Rioja Turismo
During my internship at Dos Grapas Studio, I worked on the redesign of the La Rioja Turismo website. The project aimed to enhance the user experience through a modern digital presence that reflects the region’s character, as well as a trip-planning system that helps visitors create their own journey.
TYPE:
UI/UX design
TOOLS USED
Figma
ROLE
UI, wireframing, interaction design
UI, games ideation, userflow, icons
LINK:
TYPE:
UI/UX design
TOOLS USED
Figma & Adobe Illustrator
ROLE
UI, games ideation, userflow, icon design
For this project, I designed the key screens for Laurel Gaming, a mobile app of casual games. I focused on intuitive navigation and a clean aesthetic, making sure every interaction felt smooth and engaging.
Analysis of the Existing Website
Analysis of the Existing Website
The first step was to analyze the existing La Rioja Turismo website and identify its main weaknesses. The platform displayed pixelated logos, an inconsistent use of multiple typefaces, and an overall outdated visual design. Several navigation elements were also dysfunctional resulting in a fragmented and unreliable user experience.
The first step was to analyze the existing La Rioja Turismo website and identify its main weaknesses. The platform displayed pixelated logos, an inconsistent use of multiple typefaces, and an overall outdated visual design. Several navigation elements were also dysfunctional resulting in a fragmented and unreliable user experience.
The first step was to analyze the existing La Rioja Turismo website and identify its main weaknesses. The platform displayed pixelated logos, an inconsistent use of multiple typefaces, and an overall outdated visual design. Several navigation elements were also dysfunctional resulting in a fragmented and unreliable user experience.
Flowchart
Flowchart
To begin the redesign, I first needed to restructure the website and define where each piece of content should live. Creating a detailed flowchart allowed me to map out the hierarchy, reorganize sections more logically, and clarify the user flow.
To begin the redesign, I first needed to restructure the website and define where each piece of content should live. Creating a detailed flowchart allowed me to map out the hierarchy, reorganize sections more logically, and clarify the user flow.
To begin the redesign, I first needed to restructure the website and define where each piece of content should live. Creating a detailed flowchart allowed me to map out the hierarchy, reorganize sections more logically, and clarify the user flow.
Wireframes
Wireframes
With the structure defined, I moved on to creating wireframes to explore the layout, interactions, and overall user flow. This stage allowed me to focus on functionality before introducing visual design.
With the structure defined, I moved on to creating wireframes to explore the layout, interactions, and overall user flow. This stage allowed me to focus on functionality before introducing visual design.
With the structure defined, I moved on to creating wireframes to explore the layout, interactions, and overall user flow. This stage allowed me to focus on functionality before introducing visual design.
Design system
Design system
Color palette
Tipography and UI components
