Design Process | Explore FFP’s meticulous design process.

Our Design Process

Explore FFP’s meticulous design process.

From initial wireframes to final product, we strive to create stunning, user-friendly app interfaces that elevate your product.

Our Philosophy

At FFP, design is more than just aesthetics—it’s about creating solutions and intuitive user experiences that engage and delight.

Collaborative Focus

At each stage of your project’s creation you’ll have opportunities to share ideas about your vision and give feedback to our team. We believe in taking a collaborative approach to ensure that we stay on the right track in bringing your vision to life. Throughout the design stage, you’ll be able to directly provide feedback for each draft as well as speak to our design team face to face. We want to make sure we’re representing your vision to the best of our ability!

Project Support Meetings

When giving feedback on a draft, usually the best way of doing so is leaving comments on the prototype link. If you’d prefer to explain your feedback face-to-face, you can schedule a meeting with us.

Design Phases

Take a peek at the step-by-step process we undergo for each project.

PHASE 1

CRL

This first step is crucial to the creative process, because your ideas and goals will have a huge impact on our team’s research and preparation. The sooner we’re able to get familiar with your project the better!
This first step is crucial to the creative process, because your ideas and goals will have a huge impact on our team’s research and preparation. The sooner we’re able to get familiar with your project the better!

PHASE 2

Strategy Meeting

Once the design team receives the CRL, we get to work planning every feature and function of your project. We’ll put together a style guide to ensure consistent UI that fits your logo and brand.
We also create a user journey, which is essentially a blueprint of your app containing every page a user will see. Once complete, you’ll have the opportunity to meet with us and review these materials.

PHASE 3

3 High-Fidelity Drafts

After the design strategy meeting, our team will start by getting to work on the first of 3 drafts. We begin creating the most essential screens of your prototype using all of the material from the strategy meeting and CRL.
You’ll receive an Adobe Xd link to review each draft, where we encourage you to leave comments with your feedback. By the final draft we’ll have all of your feedback incorporated and you’ll receive an interactive prototype!

Interactive Prototype

Once you approve the final designs, you’ll be able to demo your very own interactive prototype.

The prototype is a valuable resource at any stage whether you’re pitching your idea to investors or ready to send it to development right away. You can try out a prototype of our own app, Jarvis, here.

MVPs and Developer Hand-off

From first conversation to launch date and beyond, we are working to help your project reach its goals every step of the way.

MVP Preparation

Whether you’re starting from scratch or getting ready to develop your prototype, our team is here to guide you to the next step. We’ll help you iron out your project’s core features so that we can proceed with a scope and timeline that works for you! For questions regarding pricing, please request to book a meeting with one of our project leads.

Development Kickoff

Just like the design phase, at the beginning of your project’s development phase you’ll be invited to join our development kickoff meeting. Here, you’ll meet each team member leading the production of your project. We’ll give you an overview of what to expect going forward

MVP Preparation

Development Kickoff

Finishing Touches

Now that we’ve established a project scope, we’ll get to work finalizing a prototype including every agreed upon feature. Sometimes we begin an MVP from scratch, but sometimes clients prefer that we create a prototype first if the project is at an early stage. At this point, we would use the prototype to help determine what to develop first. Speaking to a project lead can help you decide which direction is right for you.

Developer Annotations

The last step before shipping your prototype off to our development team is writing thorough annotations. This step is crucial because in addition to seeing a demonstration, developers need to understand the logic behind every interaction in order to code it. Annotating your project’s functionality outlines all feasibilities and helps us avoid running into errors later on in development.

Finishing Touches

Developer Annotations

Client Testimonials

Now that you’re more familiar with how we approach design, check out what some of our clients have to say!

“Team FFP helped ease any fears that I had in terms of investing capital into a project that I had no experience in.”

“They were all knowledgeable and knew about the technology we needed firsthand.”

“It’s been great… They walked with me step by step to make sure that what they saw was in line with what I saw”

“Team FFP helped ease any fears that I had in terms of investing capital into a project that I had no experience in.”

“They were all knowledgeable and knew about the technology we needed firsthand.”

“It’s been great… They walked with me step by step to make sure that what they saw was in line with what I saw”

Let’s Talk about Your Project!

Schedule a consultation with our team to take the first step of your own project’s discovery.

PORTFOLIO

OTHERS

Kevin Cofield

Jason Shoneyin

Cam Barnett

Kevin Cofield

Jason Shoneyin

Cam Barnett