Catch A Fire
Role
\Lead Design Team \UX \IxD \Animation
Tech
\Figma \After Effects \InVision
Challenge
The client was a high-profile marketplace for NGOs and skilled remote volunteers.
This was an intense two-month redesign sprint with a ten-person remote team—using the Figma app—to generate +100 new key pages.
The client already had a distributed design team using Figma, which allowed us to lead their team in a highly optimized workflow using Figma’s real-time collaboration design tools.
Solution The trick was to establish a solid wireframe base that consisted of components (symbols) that way once a design library and guidelines were established, the wireframes can easily be updated with a new design skin. Daily continuous design reviews and cross-team discussions were done via screen-sharing while one person drives were done in Figma. Collaborative designing in Figma was a magical experience and one that saved us about 30% of the time and money in our iterations.
![Consumer Landing Page](https://uploads.toptal.io/portfolio/image/90539/WEB-CAF-HOME-08f7ef7da798666f483dca6165fb243c.jpg)
![Calendar & Scheduler](https://uploads.toptal.io/portfolio/image/90540/WEB-CAF-ScheduleCall-cacb6b88639283aae10dd52bbbf78790.jpg)
![How it Works](https://uploads.toptal.io/portfolio/image/90541/WEB-CAF-HOWitWORKS-9110265c150205ba148eaf76ff1a73eb.jpg)
![Project Search](https://uploads.toptal.io/portfolio/image/90542/WEB-CAF-Projects-12fdae97bcea9ad67a773b46a9793829.jpg)
![Volunteer Dashboard](https://uploads.toptal.io/portfolio/image/90543/WEB-CAF-Volunteer-Dashboard-3419f424b31ec848c6e2c5d588bb1121.jpg)
![Mobile Responsive 01](https://uploads.toptal.io/portfolio/image/90544/Mobile-CAF-f8560da20a4a9ba4cf78cf0d1f049608.jpg)
![Mobile Responsive 02](https://uploads.toptal.io/portfolio/image/90545/Mobile-CAF-2-5ee16e9a174428203e375a903bed5fec.jpg)
Pattern Style Guide
![Pattern Style Guide](https://uploads.toptal.io/portfolio/image/90546/CAF-StyleGuide-aea37453dd3ca91bec0c9bc3754d6a6c.jpg)
Wireframes \ UX
![Wireframes UX](https://uploads.toptal.io/portfolio/image/90547/CAF-wireframes-7bcc66edda471ba30ab13146881ed422.jpg)