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

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 the 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.

Full Product Transparency

Users receive an “Order Snapshot” and are given a two-hour window before delivery to confirm their order is correct or request assistance.

Real-time Updates

Users can log in to check the status of their orders and opt to receive text alerts for real-time delivery updates.

Screenshot of Le Fleur's mobile Order Status page.

Multiple Points of Assistance

  • Designated Help page
  • Help Drop-down list in footer
  • Help/FAQs option in hamburger menu in header

[ 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

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 the 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