P2P Webapp| Framer|Figma|Vscode

Joining the CrewDogs project as the product designer felt like an opportunity to build something meaningful for a very specific group. CrewDogs serves the American military community, and this shaped every stage of the work. The users are active duty personnel and veterans who often operate under pressure, move between bases, and depend on tools that work quickly and clearly. The existing mobile experience did not fully support their needs. The screens lacked structure, the flow felt confusing, and the design did not communicate a sense of identity that matched the community it was built for.

My responsibility was to redesign the entire mobile experience, create a design system, refine the user journey, and build the visual direction that would guide the product. The goal was simple. Create something that was clean, dependable, and easy to use in different environments. In addition, I designed the web app from scratch. This was not a redesign but a full new product that completed the ecosystem and made CrewDogs accessible across platforms.

I started by understanding how military users interacted with the app. Conversations with the team and user feedback helped me see the weak spots in navigation and communication. These users needed an experience that required minimal thinking. They wanted quick actions, simple pathways, and clear information. From there, I mapped the user journey and removed anything that slowed people down. I restructured flows, reduced unnecessary steps, and created pathways that felt natural.

I designed all the mobile screens with clarity and consistency in mind. Readability, spacing, and alignment became key decisions. I paid attention to how the app would be used in different lighting conditions and how fast someone could understand an action. Each screen needed to communicate without effort. The new structure made the experience more organized and intuitive.

A major part of my contribution was building the design system. This included buttons, cards, icons, navigation patterns, forms, and interactive components. The library made development faster and gave us a unified foundation across both mobile and web. Typography, spacing, color, and style were all documented so the team could work without guessing. The design system also supported scalability. New features can be added easily because the structure is already stable.

Beyond the interface, I handled the creative direction for the product. This guided the overall feel of CrewDogs. It influenced how illustrations appear, how the brand communicates, and how interactions behave. The direction aligned the mobile app and the web experience so they felt connected, even though they were built for different screen sizes.

The web app was built from scratch. I translated the identity of the mobile experience into a desktop layout without copying screens. The structure was redesigned for larger displays, giving users clear sections, visible navigation, and an easier way to browse and interact. The result is a complete platform that supports the mobile app instead of repeating it.

CrewDogs now feels organized, modern, and true to its users. The app has clarity, a strong identity, and a consistent experience across platforms. User feedback reflects how much the community appreciates the new design and structure.