Thumbnail
Thumbnail

Role:

UX Designer and Developer

Tools:

React, Tailwind CSS, Figma, Photoshop

CrewFind

The goal behind FindCrew was to create a platform that makes it easier for creatives to find and connect with collaborators. The main issue was that people often rely on random DMs or inconsistent community posts to find crew members for their projects. There was no simple, clean way to search for people based on their role or skill — especially not in a focused, visual way that feels modern.

To bring this idea to life, I developed the project using React and Tailwind CSS, which allowed for both fast iteration and a clean, modular structure that fit the needs of creative users.

Step 1: Understanding the Users

I started by casually talking with friends in film, music, and photography — people who were actively seeking collaborators. I asked questions like:

  • How do you usually find crew members?

  • What’s frustrating about that process?

  • What would make it feel easier or more legit?

A recurring pattern came up: people wanted something simple, fast, and visually clear. Not another social media site — just a clean space to find people based on what they do and where they are.

Step 1: Understanding the Users

I started by casually talking with friends in film, music, and photography — people who were actively seeking collaborators. I asked questions like:

  • How do you usually find crew members?

  • What’s frustrating about that process?

  • What would make it feel easier or more legit?

A recurring pattern came up: people wanted something simple, fast, and visually clear. Not another social media site — just a clean space to find people based on what they do and where they are.

Step 1: Understanding the Users

I started by casually talking with friends in film, music, and photography — people who were actively seeking collaborators. I asked questions like:

  • How do you usually find crew members?

  • What’s frustrating about that process?

  • What would make it feel easier or more legit?

A recurring pattern came up: people wanted something simple, fast, and visually clear. Not another social media site — just a clean space to find people based on what they do and where they are.

Step 2: Sketching & Wireframing

I mapped out some wireframes in Figma. The goal was clarity — role-based filters (like "cinematographer", "editor", "makeup artist") and a location toggle felt essential from the start.
I used Tailwind for fast iteration, and React to structure it into modular components. The design leaned into bold typography, open white space, and hover interactions that felt a bit playful, without losing professionalism.

Step 2: Sketching & Wireframing

I mapped out some wireframes in Figma. The goal was clarity — role-based filters (like "cinematographer", "editor", "makeup artist") and a location toggle felt essential from the start.
I used Tailwind for fast iteration, and React to structure it into modular components. The design leaned into bold typography, open white space, and hover interactions that felt a bit playful, without losing professionalism.

Step 2: Sketching & Wireframing

I mapped out some wireframes in Figma. The goal was clarity — role-based filters (like "cinematographer", "editor", "makeup artist") and a location toggle felt essential from the start.
I used Tailwind for fast iteration, and React to structure it into modular components. The design leaned into bold typography, open white space, and hover interactions that felt a bit playful, without losing professionalism.

Step 3: Prototyping

I put together a low-fidelity prototype in Figma to get a feel for the flow and layout. I focused on clarity and made sure the filters and cards were easy to scan and interact with.

Step 4: High-Fidelity Prototypes

I created a high-fidelity prototype in Figma for both phone and desktop. I focused on making the layout feel clean and intuitive across screen sizes, making sure that filters, cards, and buttons stayed easy to use whether someone was on their laptop or scrolling on their phone.

Step 5: Bringing It All Together

Building FindCrew reinforced the idea that effective UX often goes unnoticed — it simply works. Using React and Tailwind allowed me to focus on creating a clean, responsive structure that supported the core functionality without unnecessary complexity.

The result was a platform that streamlined an existing behavior — helping people connect and collaborate — in a faster and more intuitive way.