OUR PROCESS
DISCOVERY
The first step to any design project is discovery. Discovery is where LeetLab collects information on your needs, your target market, users within that market, and the context of what needs to be accomplished to make your product successful. This often includes discovery calls with your team to uncover the intricacies of what is needed.
WIREFRAME
Where pen starts to meet paper. In this step LeetLab will define the layout's structure, sans UI design. Think of this as a blue print of how your product will function, from the workflow to the placement of elements.
PROTOTYPE
This is where things come to life. In the prototype step, LeetLab will apply a design layer to the wireframe and string together the workflow using hotspots to emulate interactions. The prototype is then user tested with the internal client and LeetLab teams, to ensure it meets and exceeds expectations. This is typically provided via a Figma prototype link.
ITERATE
After the prototype is complete and you've spend time with it, Leetlab will take the feedback and learnings and iterate on the design. Throughout this time you'll find things you like, things you don't like, and then we'll work on the latter.
USER TEST
This step includes usability testing with real users. After we mutual agree the workflow and design is at an adequate stage to begin testing, we'll connect with potential users to test the prototype in an effort to see what works well and what does not. If something needs adjustment, LeetLab will revert to the previous step and iterate.
PIXEL PERFECTION
In order to maintain the project's momentum, during the prototype and user testing phases there may be element on the prototype that are not pixel perfect. Before delivery, we'll be sure to run through the designs with a fine tooth comb...adjusting pixels, fonts, and create something that can be handed directly to your developer.
DELIVERY
The final step....handoff! We'll provide the native Figma file for your team to execute development. There are opportunities to use 3rd party tools such as Zeplin in order to make your developer's life even easier. At this point we call the project a wrap and look forward to seeing your product succeed in the wild!
Now does every project go like this? No way. We know your project is special and we'll adjust as need be.