Where marketing strategy meets human-centered design.

Headshot of an Asian woman with pink hair wearing glasses against a white wall background.

👋🏼 Hi, I’m Jae Mi

[ UX / Product Designer ]

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

Contact:

LinkedIn: linkedin.com/in/jaemi-cracolici/

Email: [email protected]

Skills:

  • UX 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

Tools:

Figma Logo
Adobe XD logo
Adobe Photoshop logo
Adobe Illustrator logo
Adobe InDesign logo
Canva logo

Jump to Projects:

Project Folder icon for Project 1: Le Fleur
Project Folder icon for Project 2: Fairfield Parks and Rec
Project Folder icon for Project 3: "Under Construction"

1. 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'. 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.

See full project

[ Developing the Brand ]

Graphic displaying Le Fleur's brand colors, fonts, and logo.

[ Actionable Insights]

Product Features

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.

[ Next Steps ]

Graphic on what I would explore next in the Le Fleur project: an interactive bouquet builder, designing a community loyalty and rewards program, and incorporating an advanced faceted search.

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.

See full project

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 ]

Product Features

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.

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
Graphic of screenshot of Fairfield Parks and Rec Mobile app mockup with text explaining possible next steps: conducting a comprehensive assistive technology audit, usability testing, and post-launch analytics and iteration.

[email protected]

Contact Me