{ I design and build }
Simple, Effortless Experiences
Figma => Hand-Coded Prototypes
Prototype: Micro Job Search Feature for NetOne
-
Dynamic job search functionality
Responsive design for optimal viewing on different devices
Modular component structure for easy maintenance and scalability
-
Utilized a JSON file to store and manage job listing data. This approach facilitated easy manipulation and retrieval of data within the application.
File Location: The JSON file was stored locally in the project's root directory.
Purpose: Enabled the application to dynamically render job listings based on the structured data in the JSON file.
Implementation: The data from the JSON file was fetched and used to populate various components, ensuring the app displayed up-to-date job information.
-
HTML
Javascript (React)
Tailwind CSS
Vercel & Github for deployment
JSON for data management
Prototype: Concept LP for Paul Mitchell, The Color
-
Search Salon Locator by State
Responsive design for optimal viewing on different devices
-
Color Scheme: Incorporated Paul Mitchell's The Color signature colors to create a cohesive look that strengthens brand recognition.
Typography: Used brand-specific fonts to maintain consistency and enhance readability.
Imagery: Selected and edited images and videos that resonate with the brand’s message and appeal to the target audience.
Layout: Designed a clean, organized layout that highlights key information and guides users towards desired actions.
Animation: Added JavaScript animations of bees to highlight the main ingredient, adding a fun and memorable touch.
-
HTML
Javascript
CSS
Github pages for deployment
JSON for data management
Prototype: Concept Homepage for NetOne
-
Dynamic job search functionality
Responsive design for optimal viewing on different devices
Modular component structure for easy maintenance and scalability
-
Utilized a JSON file (jobData.json) to store and manage job listing data. This approach facilitated easy manipulation and retrieval of data within the application.
File Location: The JSON file was stored locally in the project's root directory.
Purpose: Enabled the application to dynamically render job listings based on the structured data in the JSON file.
Implementation: The data from the JSON file was fetched and used to populate various components, ensuring the app displayed up-to-date job information.
-
HTML
Javascript (React)
Tailwind CSS
Vercel & Github for deployment
JSON for data management
Prototype: Concept LP for Paul Mitchell, The Color
-
Search Salon Locator by State
Responsive design for optimal viewing on different devices
-
Color Scheme: Incorporated Paul Mitchell's The Color signature colors to create a cohesive look that strengthens brand recognition.
Typography: Used brand-specific fonts to maintain consistency and enhance readability.
Imagery: Selected and edited images and videos that resonate with the brand’s message and appeal to the target audience.
Layout: Designed a clean, organized layout that highlights key information and guides users towards desired actions.
Animation: Added JavaScript animations of bees to highlight the main ingredient, adding a fun and memorable touch.
-
HTML
Javascript
CSS
Github pages for deployment
JSON for data management
Case Studies ()
Project Overview:
As Lead UX/UI Designer, I designed Buyma's iOS app for their U.S. app launch. This six-month project focused on creating a seamless mobile experience.
Designing an iOS App for Buyma.us
Key Points:
Challenges: Complex purchase process, inadequate conversion flow, and lack of aesthetic cohesion.
Design Solutions: Simplified checkout, enhanced search functionality, and cohesive visual design.
Features Added: Direct messaging, favorites, and compliance with Apple’s guidelines.
Project Overview:
In 2018, I transformed the school picture day process into a digital system, serving over 5,000 families in Los Angeles public schools. My role included UX research, journey mapping, persona development, and prototyping.
Digitizing the school picture day process
Key Points:
Challenges: Inefficiency, high costs, errors, and limited accessibility.
Design Solutions: Increased efficiency, reduced costs, improved accuracy, and better data management.
Personal Reflection: This project highlighted the need for sustainable, inclusive digital solutions, balancing innovation with respect for tradition.
Project Overview:
I led the redesign of NetOne Talent's web application, enhancing its recruitment processes across various devices. The project focused on improving data management, user navigation, and responsiveness.
Redesigning a responsive web app for NetOne
Key Points:
Challenges: Data overload, lack of design artifacts, and absence of user feedback.
Design Solutions: Hierarchical content strategy, visual hierarchy, Auto Layout for dynamic scaling, and user-friendly interface elements.
Tools Used: Figma, Adobe CC, Miro