UI/UX Designer with a diverse background. Problem-solver, Figma expert & manager of one. I have a combined experience of more than 7 years as a Visual Designer & Independent Creative and 3 years as a UI/UX Designer. I love problem-solving and I'm constantly improving my skillset. When I’m not designing, I love to be outdoors and read.…UI/UX Designer with a diverse background. Problem-solver, Figma expert & manager of one. I have a combined experience of more than 7 years as a Visual Designer & Independent Creative and 3 years as a UI/UX Designer. I love problem-solving and I'm constantly improving my skillset. When I’m not designing, I love to be outdoors and read.WWW…
UI/UX Designer with a diverse background. Problem-solver, Figma expert & manager of one. I have a combined experience of more than 7 years as a Visual Designer & Independent Creative and 3 years as a UI/UX Designer. I love problem-solving and I'm constantly improving my skillset. When I’m not designing, I love to be outdoors and read.…UI/UX Designer with a diverse background. Problem-solver, Figma expert & manager of one. I have a combined experience of more than 7 years as a Visual Designer & Independent Creative and 3 years as a UI/UX Designer. I love problem-solving and I'm constantly improving my skillset. When I’m not designing, I love to be outdoors and read.WWWW…
Available to hire
UI/UX Designer with a diverse background. Problem-solver, Figma expert & manager of one.
I have a combined experience of more than 7 years as a Visual Designer & Independent Creative and 3 years as a UI/UX Designer.
I love problem-solving and I’m constantly improving my skillset.
When I’m not designing, I love to be outdoors and read.
Skills
Experience Level
Figma
Expert
UI
Expert
Web Design
Expert
App Design
Intermediate
Language
English
Fluent
Spanish; Castilian
Fluent
Education
Master of Fine Arts at Massachusetts College of Art & Design
May 15, 2015Qualifications
Industry Experience
Education, Non-Profit Organization, Travel & Hospitality
Saturday App Landing Page Redesign to increase egagement
This personal project explores the redesign of the landing page for the Saturday App, a mobile application designed to empower cyclists of all levels to track their performance and improve their nutrition. The initial landing page lacked a clear vision and storytelling element, hindering user engagement.
The Problem
Small and low-res visuals: Uninspiring visuals and generic layout failed to capture the energy and passion of cycling.
Lack of Storytelling: No narrative or connection established between the app's features and a cyclist's journey.
Unclear benefits and ambiguous ux writting: The content was tweaked to be clear, concise and easy to understand.
These issues resulted in:
Unclear Value Proposition: The benefits of using the Saturday App weren't effectively communicated.
Limited User Engagement: The landing page failed to spark excitement or encourage exploration.
The Solution
The redesigned landing page focused on a user-centric approach, incorporating the following UI/UX design strategies:
Hero Section: A captivating image showcasing the thrill of cycling, featuring cyclists enjoying the sport.
Compelling Narrative: A change in the content and it's structure made a clearer case to motivate users to download and use the product.
Social Proof: Testimonials from cyclists sharing their success stories using the Saturday App.
Call to Action (CTA): A prominent and visually appealing button encouraging users to download the app at different stages in the navigation.
Key Learnings
Storytelling is King: A compelling narrative connects users emotionally and drives engagement.
Visually Captivating Design: High-quality visuals and a user-friendly interface are crucial for first impressions.
Focus on User Benefits: Clearly communicate how the app enhances the cycling experience.
This personal project demonstrates the power of UI/UX design in transforming a landing page from bland to a powerful user acquisition tool. By prioritizing storytelling, a visually captivating design, and a clear focus on user benefits, the redesigned Saturday App landing page has a larger potential to increase app downloads.
webdesigner designer figma uidesigner uxdesigner uiuxdesigner…This personal project explores the redesign of the landing page for the Saturday App, a mobile application designed to empower cyclists of all levels to track their performance and improve their nutrition. The initial landing page lacked a clear vision and storytelling element, hindering user engagement.
The Problem
Small and low-res visuals: Uninspiring visuals and generic layout failed to capture the energy and passion of cycling.
Lack of Storytelling: No narrative or connection established between the app's features and a cyclist's journey.
Unclear benefits and ambiguous ux writting: The content was tweaked to be clear, concise and easy to understand.
These issues resulted in:
Unclear Value Proposition: The benefits of using the Saturday App weren't effectively communicated.
Limited User Engagement: The landing page failed to spark excitement or encourage exploration.
The Solution
The redesigned landing page focused on a user-centric approach, incorporating the following UI/UX design strategies:
Hero Section: A captivating image showcasing the thrill of cycling, featuring cyclists enjoying the sport.
Compelling Narrative: A change in the content and it's structure made a clearer case to motivate users to download and use the product.
Social Proof: Testimonials from cyclists sharing their success stories using the Saturday App.
Call to Action (CTA): A prominent and visually appealing button encouraging users to download the app at different stages in the navigation.
Key Learnings
Storytelling is King: A compelling narrative connects users emotionally and drives engagement.
Visually Captivating Design: High-quality visuals and a user-friendly interface are crucial for first impressions.
Focus on User Benefits: Clearly communicate how the app enhances the cycling experience.
This personal project demonstrates the power of UI/UX design in transforming a landing page from bland to a powerful user acquisition tool. By prioritizing storytelling, a visually captivating design, and a clear focus on user benefits, the redesigned Saturday App landing page has a larger potential to increase app downloads.
webdesigner designer figma uidesigner uxdesigner uiuxdesignerWW…
Driving traffic to Moralis Academy with a Web3 Library Microsite
Context
The Web3 Ebooks Library was a lead magnet in the form of a content repository for Web3 enthusiasts to learn and stay up to date with news and updates. The catalog contained a couple of ebooks and it was meant to expand over time.
Goal
Create a design template for 3 screens:
Main Catalog page
A blog version of each ebook to view online or download
Pop-up to collect emails and make the content accessible
Version for mobile screen adaptation
Blog Page Features:
Improved navigation and easy to find sections
Easily shareable through social media
Allow users to easily download the PDF version of the ebook
Live Site: https://www.twine.net/signin
designer webdesigner figma uidesigner uxdesigner uiuxdesigner…Context
The Web3 Ebooks Library was a lead magnet in the form of a content repository for Web3 enthusiasts to learn and stay up to date with news and updates. The catalog contained a couple of ebooks and it was meant to expand over time.
Goal
Create a design template for 3 screens:
Main Catalog page
A blog version of each ebook to view online or download
Pop-up to collect emails and make the content accessible
Version for mobile screen adaptation
Blog Page Features:
Improved navigation and easy to find sections
Easily shareable through social media
Allow users to easily download the PDF version of the ebook
Live Site: https://www.twine.net/signin
designer webdesigner figma uidesigner uxdesigner uiuxdesignerWW…
Strategic Landing Page Design to organize and explore NFT collections
The Challenge
Traditional NFT marketplaces can be intimidating for newcomers, often featuring complex interfaces and technical jargon. This project aimed to bridge the gap by creating a platform that:
Appeals to a younger demographic: Utilizes a vibrant and trendy visual style.
Prioritizes user experience: Offers a smooth and intuitive navigation for exploring and purchasing NFTs.
Facilitates seamless integration with OpenSea: Connects users directly to the established marketplace for secure transactions.
Design Solutions
The landing page design incorporated the following key elements:
Hero Section: A captivating banner showcasing trending NFTs with bold colors and an impactful image.
Simplified Navigation: Clear and concise menu options highlighting exploration, buying, and community features.
Educational Content: Bite-sized explanations of NFTs available and your own collection.
Featured NFT section: Dedicated to up-and-coming artists and their NFT art.
Technical Considerations
Seamless OpenSea Integration: Users can connect their OpenSea wallets directly from the landing page for a smooth transition to purchase NFTs.
Mobile Responsiveness: The design adapts to various screen sizes, ensuring an optimal experience on mobile devices.
Fast Loading Times: Prioritized lightweight design and optimized images to ensure a smooth user experience across all devices.
Results
The landing page design was a success, achieving its key objectives:
Increased User Engagement: High click-through rates on artist spotlights and educational content.
Simplified NFT Exploration: Users reported a clear understanding of NFTs and purchasing process.
Streamlined OpenSea Integration: A significant number of users linked their wallets for hassle-free purchases.
Key Learnings
Understanding the target audience: Design language and content should resonate with the interests of young NFT enthusiasts.
Balancing education with experience: Provide clear explanations without sacrificing a visually engaging interface.
Leveraging established platforms: Integrating with OpenSea builds trust and simplifies purchasing for new users.
This case study demonstrates the effectiveness of UI design in creating a user-friendly and engaging platform for newcomers to the NFT space. By prioritizing visual appeal, user experience, and seamless integration with established marketplaces, the landing page successfully attracts young audiences and empowers them to participate in the world of NFTs.
uidesign figma responsivedesign webdesign uidesigner uxdesigner uxuidesigner…The Challenge
Traditional NFT marketplaces can be intimidating for newcomers, often featuring complex interfaces and technical jargon. This project aimed to bridge the gap by creating a platform that:
Appeals to a younger demographic: Utilizes a vibrant and trendy visual style.
Prioritizes user experience: Offers a smooth and intuitive navigation for exploring and purchasing NFTs.
Facilitates seamless integration with OpenSea: Connects users directly to the established marketplace for secure transactions.
Design Solutions
The landing page design incorporated the following key elements:
Hero Section: A captivating banner showcasing trending NFTs with bold colors and an impactful image.
Simplified Navigation: Clear and concise menu options highlighting exploration, buying, and community features.
Educational Content: Bite-sized explanations of NFTs available and your own collection.
Featured NFT section: Dedicated to up-and-coming artists and their NFT art.
Technical Considerations
Seamless OpenSea Integration: Users can connect their OpenSea wallets directly from the landing page for a smooth transition to purchase NFTs.
Mobile Responsiveness: The design adapts to various screen sizes, ensuring an optimal experience on mobile devices.
Fast Loading Times: Prioritized lightweight design and optimized images to ensure a smooth user experience across all devices.
Results
The landing page design was a success, achieving its key objectives:
Increased User Engagement: High click-through rates on artist spotlights and educational content.
Simplified NFT Exploration: Users reported a clear understanding of NFTs and purchasing process.
Streamlined OpenSea Integration: A significant number of users linked their wallets for hassle-free purchases.
Key Learnings
Understanding the target audience: Design language and content should resonate with the interests of young NFT enthusiasts.
Balancing education with experience: Provide clear explanations without sacrificing a visually engaging interface.
Leveraging established platforms: Integrating with OpenSea builds trust and simplifies purchasing for new users.
This case study demonstrates the effectiveness of UI design in creating a user-friendly and engaging platform for newcomers to the NFT space. By prioritizing visual appeal, user experience, and seamless integration with established marketplaces, the landing page successfully attracts young audiences and empowers them to participate in the world of NFTs.
uidesign figma responsivedesign webdesign uidesigner uxdesigner uxuidesignerWW…
Financial Website (Undisclosed)
Redesign of Financial Investment Website
This case study explores the redesign of a financial service platform for senior investors. The original platform presented challenges for this demographic with legibility issues and not enough contrast, prompting the UI overhaul focused on clarity, simplicity, and ease of use.
The Problem
The initial platform was cluttered with light text and long paragraphs over background imges, navigation links where generic, and text hierarchy was unclear.
User research revealed that senior investors found the platform overwhelming and frustrating.
This led to:
Reduced engagement: Seniors were hesitant to explore the content and found it difficult to read.
Lack of confidence: The platform created a feeling of exclusion and financial vulnerability.
The Solution
A comprehensive UX redesign focused on the following principles:
Simplified Interface: Clean layouts, larger fonts, and high-contrast colors for improved readability.
Intuitive Navigation: Clear and specific menu options, logical organization, and easily identifiable icons to pair text chunks for increased scannability and accesibility.
Increased Accessibility: Compliant with WCAG guidelines for optimal usability.
Implementation
The redesign process involved:
User research: heuristics evaluation, survey, and usability testing with senior investors.
Visual design: Creating a user-friendly interface with clear hierarchy and visual cues..
Results
The redesigned platform resulted in significant improvements:
Increased engagement: A rise in organic traffic and sign-ups for more information.
Reduced errors: Users reported feeling confident navigating the platform and completing tasks.
Conclusion
This case study demonstrates the power of UI design in making financial services accessible and empowering for senior investors. By prioritizing user needs and focusing on clarity and ease of use, the redesigned platform fostered financial confidence and engagement. This approach can be replicated to democratize financial services for all age groups.…Redesign of Financial Investment Website
This case study explores the redesign of a financial service platform for senior investors. The original platform presented challenges for this demographic with legibility issues and not enough contrast, prompting the UI overhaul focused on clarity, simplicity, and ease of use.
The Problem
The initial platform was cluttered with light text and long paragraphs over background imges, navigation links where generic, and text hierarchy was unclear.
User research revealed that senior investors found the platform overwhelming and frustrating.
This led to:
Reduced engagement: Seniors were hesitant to explore the content and found it difficult to read.
Lack of confidence: The platform created a feeling of exclusion and financial vulnerability.
The Solution
A comprehensive UX redesign focused on the following principles:
Simplified Interface: Clean layouts, larger fonts, and high-contrast colors for improved readability.
Intuitive Navigation: Clear and specific menu options, logical organization, and easily identifiable icons to pair text chunks for increased scannability and accesibility.
Increased Accessibility: Compliant with WCAG guidelines for optimal usability.
Implementation
The redesign process involved:
User research: heuristics evaluation, survey, and usability testing with senior investors.
Visual design: Creating a user-friendly interface with clear hierarchy and visual cues..
Results
The redesigned platform resulted in significant improvements:
Increased engagement: A rise in organic traffic and sign-ups for more information.
Reduced errors: Users reported feeling confident navigating the platform and completing tasks.
Conclusion
This case study demonstrates the power of UI design in making financial services accessible and empowering for senior investors. By prioritizing user needs and focusing on clarity and ease of use, the redesigned platform fostered financial confidence and engagement. This approach can be replicated to democratize financial services for all age groups.WW…
Gamifying the job search for designers
Personal project of a gamified app design called Huntinn
Explore the Figma file here: https://www.twine.net/signin
Overview
This is a personal project of a gamified app design called Huntinn.
The Main users in mind were Millenials and Gen Z working in the design industry. This fact guided the visual direction of the project to a lighthearted and colorful theme. This proto persona can encompass remote workers and digital nomads as well.
The visual direction of the design was to make it minimal and fun using a brutalist style and gamification elements to make the process engaging, informal, and fun.
Goals
Easily find aspired design roles using specific search filters
Get a personalized list of jobs to apply based on the user’s skills and strengths
Use gamification elements to encourage the use of the app and to motivate the user in their job search
Flow Chart
The flow chart focuses mainly on the Job Search path and the Profile with daily activities. I created an initial mood board and looked at other gamified apps and well-known job boards for inspiration. The main references were apps such as LinkedIn and Duolingo. Other sources were referenced to understand the content needed in each screen. I moved forward prioritizing the content and actions needed on each screen.
Initial Wireframes
I started mapping the previous Flow chart information into the essential screens and possible layouts guided by common UI patterns using basic shapes.
Detailed Wireframes
At this stage, I got deeper into the UX writing of each screen to make the content short and easy to understand. I found out that the job application process needed an extra step to seem less overwhelming. This modification is reflected in the final mock-ups and prototype.
Hi Fidelity Mock-Ups
The design uses strong borders and colorful navigation icons.
Featured jobs and challenges stand out with soft pastel color backgrounds to imply their importance above other cards in the system.
Using a saturated purple as Primary color gives an informal vibe to an otherwise serious process.
Prototype
https://www.twine.net/signin
What would I do differently?
I would've liked to start with a survey to understand the pain points and needs of the target users in their job search to inform the UX aspect of the design, however, the main goal of this project was to focus on the UI side.
I wish I had made the gamified elements more attractive, or at least use some feedback from usability tests to see if the options offered are engaging for the target users.
I also think that testing the usability of the job search flow would inform the experience even further.
figma appdesign uxdesigner uidesign prototype wireframes…Personal project of a gamified app design called Huntinn
Explore the Figma file here: https://www.twine.net/signin
Overview
This is a personal project of a gamified app design called Huntinn.
The Main users in mind were Millenials and Gen Z working in the design industry. This fact guided the visual direction of the project to a lighthearted and colorful theme. This proto persona can encompass remote workers and digital nomads as well.
The visual direction of the design was to make it minimal and fun using a brutalist style and gamification elements to make the process engaging, informal, and fun.
Goals
Easily find aspired design roles using specific search filters
Get a personalized list of jobs to apply based on the user’s skills and strengths
Use gamification elements to encourage the use of the app and to motivate the user in their job search
Flow Chart
The flow chart focuses mainly on the Job Search path and the Profile with daily activities. I created an initial mood board and looked at other gamified apps and well-known job boards for inspiration. The main references were apps such as LinkedIn and Duolingo. Other sources were referenced to understand the content needed in each screen. I moved forward prioritizing the content and actions needed on each screen.
Initial Wireframes
I started mapping the previous Flow chart information into the essential screens and possible layouts guided by common UI patterns using basic shapes.
Detailed Wireframes
At this stage, I got deeper into the UX writing of each screen to make the content short and easy to understand. I found out that the job application process needed an extra step to seem less overwhelming. This modification is reflected in the final mock-ups and prototype.
Hi Fidelity Mock-Ups
The design uses strong borders and colorful navigation icons.
Featured jobs and challenges stand out with soft pastel color backgrounds to imply their importance above other cards in the system.
Using a saturated purple as Primary color gives an informal vibe to an otherwise serious process.
Prototype
https://www.twine.net/signin
What would I do differently?
I would've liked to start with a survey to understand the pain points and needs of the target users in their job search to inform the UX aspect of the design, however, the main goal of this project was to focus on the UI side.
I wish I had made the gamified elements more attractive, or at least use some feedback from usability tests to see if the options offered are engaging for the target users.
I also think that testing the usability of the job search flow would inform the experience even further.
figma appdesign uxdesigner uidesign prototype wireframesWW…
Rebranding the Moralis Academy Site
Moralis Academy's home page was redesigned to show the new three learning paths and a fresher look to attract Web3 B2C & B2B clients.
What changed from the previous home page?
The design approach was focused on showing the human side of the academy (teachers and students). We added a prominent hero section with a student smiling and enjoying the process, bigger pictures of the alumni testimonials, and a glimpse of one of the teachers. Before this, the UI focused on vector illustrations and animated characters.
I used a bento box style layout, already present at Moralis.io at the moment of the redesign. This look was intended to be more attractive to prospective students and companies.
The content was summarized and presented in digestible chunks which made the page a lot shorter than before.
All the styles were updated following the principles of the Moralis Design System. This meant creating new typographic styles using the Golos font, updating the color palette and also the buttons which changed from pill-shape to a less round version. However, the styles still kept their distinction from Moralis.io with a friendlier, softer and rounder appearance, so the academy could still stand on its own and look beginner-friendly.
The certificate was redesigned and given a hero role in the layout, as well as other elements to emphasize social and brand proof.
A story told in 3 parts:
The first sections were dedicated to showing social proof for B2B clients and prospective students with testimonials and company logos
The following sections focus on the students, showing the 3 new learning paths and all the benefits of enrolling. This included the redesigned final certificate and minimal illustrations of the student dashboard
The story ends with a final call to action focusing on the outcome of joining the academy: the possibility to build and create products by learning Web3 programming languages.
Mobile Adaptation
The mobile version was set to one column for better readability and ease of use in this format.
Live site
https://www.twine.net/signin
webdesigner uidesigner figma rebranding salespagedesign landingpagedesign ux/uidesign…Moralis Academy's home page was redesigned to show the new three learning paths and a fresher look to attract Web3 B2C & B2B clients.
What changed from the previous home page?
The design approach was focused on showing the human side of the academy (teachers and students). We added a prominent hero section with a student smiling and enjoying the process, bigger pictures of the alumni testimonials, and a glimpse of one of the teachers. Before this, the UI focused on vector illustrations and animated characters.
I used a bento box style layout, already present at Moralis.io at the moment of the redesign. This look was intended to be more attractive to prospective students and companies.
The content was summarized and presented in digestible chunks which made the page a lot shorter than before.
All the styles were updated following the principles of the Moralis Design System. This meant creating new typographic styles using the Golos font, updating the color palette and also the buttons which changed from pill-shape to a less round version. However, the styles still kept their distinction from Moralis.io with a friendlier, softer and rounder appearance, so the academy could still stand on its own and look beginner-friendly.
The certificate was redesigned and given a hero role in the layout, as well as other elements to emphasize social and brand proof.
A story told in 3 parts:
The first sections were dedicated to showing social proof for B2B clients and prospective students with testimonials and company logos
The following sections focus on the students, showing the 3 new learning paths and all the benefits of enrolling. This included the redesigned final certificate and minimal illustrations of the student dashboard
The story ends with a final call to action focusing on the outcome of joining the academy: the possibility to build and create products by learning Web3 programming languages.
Mobile Adaptation
The mobile version was set to one column for better readability and ease of use in this format.
Live site
https://www.twine.net/signin
webdesigner uidesigner figma rebranding salespagedesign landingpagedesign ux/uidesignWW…
Hire a Designer
We have the best designer experts on Twine. Hire a designer in Buenos Aires today.