Where marketing strategy meets human-centered design.

👋🏼 Hi, I’m Jae Mi

[ UX Designer & Digital Strategist ]

I’m a Google-certified UX Designer and Project Manager leveraging a strategic background in digital marketing to deliver data-driven digital solutions. ✨

Contact:

Skills:

  • User Research / Testing
  • Wireframing / Prototyping
  • Information Architecture
  • Search Engine Optimization (SEO) and Findability
  • Design Systems
  • Conversion Rate Optimization (CRO)
  • Code Literacy: HTML / CSS / JavaScript
  • A/B Testing & User Analytics
  • Project Management: Agile / Scrum / Kanban
Google UX Design Certificate Badge
Google Project Management Badge
Google Digital Marketing & E-Commerce Certificate Badge

[ Technical Proficiency ]:

  • Design & Prototyping: Figma, Adobe XD Sketch
  • Visual Assets: Adobe Photoshop, Illustrator, InDesign
  • Technical Development: HTML5, CSS3, CMS (WordPress, Webflow, SquareSpace, Wix), Visual Studio Code
  • Strategy & Management: Google Analytics (GA4), Google Search Console, Jira, Asana
  • AI-Assisted Design Tools: Figma Make, Claude Design
Figma Logo
Adobe XD logo
Adobe Photoshop logo
Adobe Illustrator logo

[ SELECTED Works ]:

1. Hu-X, B2B Global Leadership Consultancy Website | Heuristic Evaluation, SEO & Information Architecture Redesign

Optimizing B2B Conversion Architecture & Heuristic Usability

[ Role: UX/UI Designer, Digital Strategist ]

Overview:

Partnered directly with the CEO of Hu-X, a woman-owned global leadership and AI transformation consultancy, to spearhead a comprehensive heuristic evaluation, accessibility audit, and technical SEO review to optimize site usability and conversion pathways.

Designed an end-to-end digital strategy bridging user experience with tangible business growth. Identified a 90% bounce rate and resolved critical routing misconfigurations across primary conversion paths, ensuring high-intent call-to-action buttons guide prospective clients directly to intended consultation destinations to create scalable B2B lead acquisition engine.

2. Fairfield, California Parks and Recreation Services App | Dedicated Mobile App UX/UI Design

Civic/community mobile app focused on mobile ergonomics, accessibility, and local utility

Infographic for the project named 'Fairfield Parks and Recreation'. The text includes the category "UX/UI", the platform "Mobile", and the project duration is 3 weeks.

[ Role: UX Researcher, Information Architect, UX Designer ]

Overview:

The Fairfield Parks & Recreation app is a dedicated mobile app for the City of Fairfield, California, Parks and Recreation Department, designed to make searching for specific park information more intuitive and enjoyable. The goal was to decrease user pain points while increasing park patronage.

This app makes browsing the local parks system easy and informative. Find parks that meet your specific needs, reserve space at the community center for an event, or manage your children’s sports program paperwork directly from one place.

Personal Frustration

My motivation for this project was my personal frustration with this site’s responsiveness. Though most of it adjusts well, there are some less responsive elements, such as the card links on the homepage that line up to create a long column of cards.

I also would’ve liked to see more comprehensive information about each park. Locating park information was cumbersome. When I was finally able to find a list of parks, there was a limited amount of information and no pictures; to find images, one would have to Google search each park one by one.

Graphic of Fairfield Parks and Recreation mobile site's friction points and corresponding solutions.

[ Lo-fi & Hi-fi Prototyping ]

Screenshot of the Fairfield Parks and Recreation app home page.

Multiple Ways to Search

Users can type their search in the search bar, choose from a list of popular searches, search by location, category, or most popular parks.

Persistent Tab Navigation

Anchored to the bottom of the screen is an ergonomically convenient navigation, giving users constant access to the home screen and allowing them to toggle between the event calendar, user account, and a ‘More Options’ menu.

Screenshot of the Fairfield Parks and Recreation app Bikes Paths and Trails page.
Screenshot of the Fairfield Parks and Recreation app user account page.

Personalized User Experience

Personal accounts allow users…

  • …to save their favorite parks or upcoming events that they’re interested in
  • …to manage forms for park or community center reservations or youth sports programs
  • …to receive personalized notifications about event changes or park closures

3. Le Fleur Retail Website | UX and Responsive Web Design

End-to-end, responsive e-commerce web app design

Infographic for the project named 'Le Fleur' by UX Designer, Jae Mi Cracolici. The text includes the category "UX/UI", the platform "Responsive Web App", and the project duration is 4 weeks.

[ Role: UX Researcher, Brand Designer, UX/UI Designer ]

Overview:

Le Fleur is a responsive retail website for a floral boutique in San Francisco, primarily serving working business professionals in the area. Le Fleur’s website responsiveness is critical, as their key demographic tends to access their website via their phones.

Designing with a mobile-first approach ensures that the user experience is both optimized for mobile and consistent across devices.

[ Actionable Insights]

Screenshot of Le Fleur's Product Snapshot feature that allows users to view their order before delivery.

Pre-Delivery Order Transparency

Mitigating post-purchase anxiety. Customers receive a real-time “Order Snapshot” of their exact custom bouquet, providing a two-hour modification window to verify arrangement quality and request support prior to dispatch.

Real-Time Fulfillment Tracking

Reducing support friction through self-service. Streamlines post-purchase communication by providing customers with a visual order status tracker and opt-in SMS notifications for real-time delivery milestones.

Screenshot of Le Fleur's mobile Order Status page.

Omnipresent Support Touchpoints

Structural accessibility features designed to reduce friction and answer user queries instantly:

  • Centralized Help Hub: Comprehensive FAQ and service resources.
  • Footer Accordion Menu: Progressive disclosure of support topics.
  • Persistent Header Navigation: One-tap help access via the mobile drawer menu.

[email protected]