AccessCovid.com

Concept • Branding • UX/UI • Webflow Implementation
ACCESS COVID
Is a dual-language hub with the latest summarized updates on COVID-19 for doctors and users.
Built fully on Webflow.
PROBLEM

In the middle of the pandemic it was hard for doctors (and users) to find trustworthy information on COVID-19. This was even harder in Spanish-speaking countries. 

Two leading institutions (UCSF and UNAM) decided to summarize, translate and validate the latest information but had no experience launching or designing websites.

SOLUTION

Create a user experience that allows both doctors and users to access the best information, while allowing the client (UCSF/UNAM) to self-serve and update the information on an ongoing basis after the project’s launch.

No items found.
CREATIVE DIRECTION & DESIGN SYSTEM

Initially both institutions wanted to lead with their own design guidelines.

Given the urgency of the project and the potential issues with conflicting approvals, I decided to create a new (neutral) creative ground that both clients could agree with. This allowed us to create a new identity for the project and to move intentionally fast.

EXPLORATIONS

We looked at the most renowned websites in public health , but most were too serious and crowded. 

We explored illustration, but despite being fun it wasn’t perceived as serious enough by our audience.

WIREFRAMING AND PROTOTYPING

We started  wireframing on Figma to test basic flows and come up with the information architecture. This also helped to familiarize the (non technical team) at UCSF with basic design processes before moving on to final design and implementation on Webflow.

FEEDBACK & VALIDATION

Received feedback from Doctors, Researchers, Admin Employees and Engineers in two countries. 

Simplified the process to prioritize feedback from power users and doctors and managed the process on a shared Google Doc.

Ultimately, alignment came from building trust with key stakeholders and finding a key partner / lead on each team to work with.

RESULTS

The website has been used across medical communities in the US and Latin America (it’s primary markets).

Reception within the medical community has been strong and there are plans for a phase 2 with a stronger focus on educating users as well as integrating an AI-assisted bot to help with preliminary diagnosis.

LIVE SITE
Concept • Branding • UX/UI • Webflow Implementation
ALMA
Alma is a curation of the finest in Latin American Textiles and Fashion.
Role

Create a user experience that allows both doctors and users to access the best information, while allowing the client (UCSF/UNAM) to self-serve and update the information on an ongoing basis after the project’s launch.

No items found.
CREATIVE DIRECTION & DESIGN SYSTEM

Initially both institutions wanted to lead with their own design guidelines.

Given the urgency of the project and the potential issues with conflicting approvals, I decided to create a new (neutral) creative ground that both clients could agree with. This allowed us to create a new identity for the project and to move intentionally fast.

EXPLORATIONS

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

AlmaAlma AlmaAlmaAlma con LogoAlmaAlma
Concept • Branding • UX/UI • Webflow Implementation
PICME
(ongoing project)
A photo-based dating app for GenZ that auto generates conversations based on your pictures.
PROBLEM

In the middle of the pandemic it was hard for doctors (and users) to find trustworthy information on COVID-19. This was even harder in Spanish-speaking countries. 

Two leading institutions (UCSF and UNAM) decided to summarize, translate and validate the latest information but had no experience launching or designing websites.

OBJECTIVE & SOLUTION

Create a user experience that allows both doctors and users to access the best information, while allowing the client (UCSF/UNAM) to self-serve and update the information on an ongoing basis after the project’s launch.

No items found.
CREATIVE DIRECTION & DESIGN SYSTEM

Initially both institutions wanted to lead with their own design guidelines.

Given the urgency of the project and the potential issues with conflicting approvals, I decided to create a new (neutral) creative ground that both clients could agree with. This allowed us to create a new identity for the project and to move intentionally fast.

BRAND EXPLORATIONS

We looked at the most renowned websites in public health , but most were too serious and crowded. 

We explored illustration, but despite being fun it wasn’t perceived as serious enough by our audience.

WIREFRAMING AND PROTOTYPING

We started  wireframing on Figma to test basic flows and come up with the information architecture. This also helped to familiarize the (non technical team) at UCSF with basic design processes before moving on to final design and implementation on Webflow.

FEEDBACK & VALIDATION

Received feedback from Doctors, Researchers, Admin Employees and Engineers in two countries. 

Simplified the process to prioritize feedback from power users and doctors and managed the process on a shared Google Doc.

Ultimately, alignment came from building trust with key stakeholders and finding a key partner / lead on each team to work with.

RESULTS

The website has been used across medical communities in the US and Latin America (it’s primary markets).

Reception within the medical community has been strong and there are plans for a phase 2 with a stronger focus on educating users as well as integrating an AI-assisted bot to help with preliminary diagnosis.

WEB WIREFRAMING & PROTOTYPING

Focus is on a scrollable, interactive landing page to support brand presence and explain key product features in a fun PICME way.

Concept • Branding • UX/UI • Webflow Implementation
HOTBOOK
Is Mexico City’s leading lifestyle magazines.
ROLE
Sourcing, production, and set design for the fashion section
No items found.
Concept • Branding • UX/UI • Webflow Implementation
ENTREPRENEUR
Curation, editorial design, and publishing of the 2015 annual Entrepreneur issue.

In partnership with Mexico's Ministry of Economy.
No items found.
explorations

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.