How We Work
At the F12 Crowd, we offer full service website design and development from conceptualization through deployment and maintenance using a proven partnership system. We work closely with you to ensure your vision is realized. Below you can learn more about how we work with our clients and our step by step process that ensures you get a great product in a timely manner. Contact us to get a full quote that is specific to your project.
How We Work - Overview
We’re here to help you navigate the increasingly complicated process of launching a website or web application.
-
Tell us your story
Let’s chat about what you’re looking to build and see if our team is a good fit for the project. After this conversation, if your project s a good fit for our skillset, we will provide you with a high-level quote.
-
Define the scope
We’ll take a look at all the details of your project and discuss how to split up the work on our team. This is the point where we will generate a detailed quote for your project, including a timeline and expected completion date.
-
Start wireframes and code
We’ll work with you the entire way, from design ideas to wireframes to walking you through live code previews.
-
We live to launch products
Launching products is our passion. We’ll help you get your product live and help spread the word.
-
Tell us your story
Let’s chat about what you’re looking to build and see if our team is a good fit for the project. After this conversation, if your project s a good fit for our skillset, we will provide you with a high-level quote.
-
Define the scope
We’ll take a look at all the details of your project and discuss how to split up the work on our team. This is the point where we will generate a detailed quote for your project, including a timeline and expected completion date.
-
Start wireframes and code
We’ll work with you the entire way, from design ideas to wireframes to walking you through live code previews.
-
We live to launch products
Launching products is our passion. We’ll help you get your product live and help spread the word.
Although our team at F12 Crowd has many skillsets who’s market rates may vary, we have adopted a singular hourly rate for pricing simplicity.
$50 per hour
How We Work - Details
The F12 Crowd ascribes to an Agile work system – doing what needs to be done, when it needs to be done, and making changes when we learn something new.
Our process is not discrete but follows a layered feedback loop which includes frequent reviews with clients to make sure that we are always on the right path, and you receive the final product you set out to get.
For smaller projects or tighter budgets, it may not make sense to complete each step, and this will be figured into your project proposal.
Information Gathering
- Introduction – We have an introductory conversation about your business, your project, your goals, your timeline, and your budget.
- Documentation Review – You hand over any high-level documentation you may have regarding your project that you are comfortable sharing with us- a list of systems we may need to integrate with, designs you may already have, or examples of the kind of app or website you are looking for. A list of high-level requirements would also be very helpful for this phase.
- Proposal – After we review your documentation within the context of the conversations we have had to date, we will produce a project scope and quote that fits within your target budget and timeline for your approval.
- Research – Many clients come into a project knowing that they need to build something, and have a vague idea of what they want, but rarely know all the details. We anticipate this and have built a research phase into our projects. In this phase we look at your company history, your industry, current trends, and your completion to identify what we need to do to make a direct impact on the market.
Design
- MVP Identification – Getting to market first with a new app or product can be a key decider in its success or failure. We work alongside the client to review the research and documentation, and help the client determine the minimum viable product needed to get into the market first.
- Information Architecture – Once research has reached critical mass and we have enough information to start organizing, we will begin laying out how your project should present its information. This will produce a matrix of the type of content we will need to produce, or for you to provide to us.
- Wireframing – Sometimes completed alongside the information architecture, wireframing is the process of deciding the general flow of each page and what content it contains. We will provide a clickable wireframe that we will work together to iterate over, to make sure the flow of your project makes sense before we move on to fleshing out the design.
- Web Design – As the wireframes are coming together, we will start putting together ideas for the aesthetic design based on current trends in web design and usability, digital accessibility, your industry, your target demographic, and your corporate identity.
Prototype
- Prototype – As the information architecture, wireframing, and design are coming together, we will start building a prototype using a rapid prototyping tool such as Adobe XD so that any changes are easily integrated and cascade across the prototype.
- Clickable Prototype – Simple functionality and demo data can be layered on top of the prototype so you can have a relatively close simulation of your website or application to test internally before moving on to the actual website build.
- Usability Testing – When the clickable prototype is sufficiently far enough along, we can have end users that belong to your target demographic test out the clickable prototype to make sure the decisions and assumptions made to date are correct, and that we are ready to move into actual development.
Develop
- Onboarding – our developers will spend some time reviewing the project to date, any documentation that has been provided, any pre-existing code or tooling, be introduced to the client and team, and start configuring their development environment and tooling.
- Solutioning – Any unique technical challenges that have been identified to date have are already undergoing solutioning in the background, helping to inform design decisions. This is where the solutioning phase will wrap up.
- Development – As with many of the other steps, development can actually start much earlier in the process depending on requirements, technical challenges, and the project itself, but it is one of the final phases to be completed. This is where the actual code for your website or application is written, tested, and finalized.
Release Planning
- Release Planning – Before development is complete, we take a look at schedules, your marketing plan, and any other pertinent info to decide the exact date that we will go live with your product so we can make sure everything is in place on that date.
- Go/No Go – Several days before the release date, we will meet with the client to review all the important project information, take a look at any outstanding defects, and decide if it is appropriate to release on the targeted day, or if release needs to be postponed based on these or any other extenuating circumstances.
- Release – Releasing a project that so much love and sweat has gone into is a wonderful thing. After your project is in the wild, we will perform production testing to verify that the application looks and behaves as expected in its production environment. Any bugs or defects will be patched.
Maintenance/Support/Continuing Enhancements
- Warranty – All of our project proposals include hours to spend during a 30 day warranty period. If anything goes wrong with the website or app during it’s first 30 days, just let us know and we will get it fixed as soon as possible.
- Support – We can add on a support contract to make sure your application receives security patches and updates. We can also help you make small content updates and changes.
- Continuing Enhancements – Because you will absolutely love your time with the F12 Crowd, we offer a continuing enhancements contract to continue building out new and exciting features for your website or application. You can purchase a block of hours to spread out over a duration of time as you see fit. This also included emergency response hours for just such an occasion.
Get a project quote today!
We’ll put together a customized quote about your project and work with you to get started on your project. Let’s build something together!