In this topic we will discuss Noco's workflow. From the basics to start a project to all the essential tools we use, everything will be covered here.
To accomplish the best workflow possible Noco uses a checklist prior the the start of any project to make sure that everything runs as smoothly as possible. Before a project starts make sure that the following steps are completed.
You will receive an invitation to Asana
You will receive an invitation to Slack
Share a folder of all your current assets with Noco
Share a list of your current third party plugins
Share all font files and branding guidelines (if any)
Share a document of your copy (if any)
During the design phase we use Figma as our collaboration tool. From wireframing to the final design, Figma allows us to collect feedback, start a discussion and share prototypes. Learn more about how to use Figma at the link below.
How to use Figma (coming soon)The Webflow designer lets us build any website you can imagine with the full power of HTML, CSS, and Javascript in a visual canvas. In the end you will be able to customize your website thanks to a super advanced editor.
How to use WebflowAsana enables us to translate our workflows into a straightforward project board. All our clients will be invited to Asana to make sure we put the collaboration barrier as low as possible. Our project boards will differ depending on the type of service. We will explain the differences in our link below.
How to use Asana (coming soon)Noco has different workflows depending on the type of service. Building a complete new website from zero to one versus a subscription based service to scale your business’ web presence. Both require a tailor-made approach.
Zero-to-one Web SprintContinuous Growth PlanWe take you through our systemised approach to guarantee the highest pace to a successful outcome. It will be an intensive period which also requires some of your (team's) availability to ensure decisions are taken or needed assets are delivered on time.
The Zero-to-one Web Sprint includes:
Visioning session
Wireframing
Design proposal
Backend preparation
High-fidelity design
Implementation and Development
Quality Assurance and Launch
We host a visioning session with your team to fully understand your business, its goals and its vision for the website. Who is your business serving? How can we convert visitors into customers as easily as possible?
What we discuss during the Visioning session:
Value Proposition
Offerings (service, products, productised services, memberships, etc.)
Target Audience
How your business operates
Company goals and Roadmap
Strategy for growth/traction
Now that we understand your project, we get down to wireframing. It keeps the focus on your website’s flow, communication, and information architecture, rather than purely aesthetics.
Checklist for the Wireframing phase:
Make sure to send all your assets / branding guidelines and content to Noco
Make sure that you have access to Figma
Make sure to be really clear with your feedback and comments in Figma
Make sure to tag the designer in Figma
For more information on how to give feedback and comments please visit our
How to use Figma page.
We create a high-fidelity design of a main page to establish a direction for your website's aesthetics, tones and visuals.
We set up the content management system. All integrations will be implemented and tested thoroughly.
Checklist for the Backend preparation phase:
Make sure that you've sent all scripts to Noco
Make sure that Noco has access to all third party logins
Make sure that all your blogs (if any) are exported as CSV's
We continue designing your website. Every detail is looked at, every visual will add value, and every screen size will be supported.
Make sure to be really clear with your feedback and comments in Figma
Make sure to tag the designer in Figma
We implement the design and put a whole lot of attention into making the interactions smooth and subtle with your visitors. If your project requires custom code, our development team will ensure this is neatly done and working seamlessly with your Webflow site.
Your website will be uploaded to a staging environment where you have the ability to give feedback.
Make sure that you have access to staging link via your dashboard
Make sure to be really clear with your feedback and comments on staging
Make sure at this point that all your hosting and domain information is sent to Noco
Our team will check your website thoroughly. We set up redirects and ensure all SEO details check out. When everything works as it is supposed to, we publish the website on your domain.
There will be a final check together via a video call
Make sure to create a Webflow account
Noco will transfer the project to your Webflow environment
Noco will connect your domain
After Noco transferred the project to your Webflow environment, you'll be able to customize your website via the Editor and via the Designer.
To learn more about how to use the Editor, please visit our How to use Webflow page.
We take all web related matters out of your hands so you can focus on growing your business and product.
The Continuous Growth Plan includes:
UI Design
Growth Stack
Visual Design
Custom Development
Webflow Implementation
Consult and knowledge
Our teams will operate in a shared project board for requests and ongoing work. We use Asana. Learn how to use asana via the link below.
Throw as much requests as you'd like at us. We'll keep track and deliver accordingly. You can request new updates or report a bug via your dashboard. You can view all the tasks via your quick view button or login to your Asana projectboard. When you are logged in to Asana you will be able to add comments to tasks.
We will schedule a monthly meeting to make sure we are in the loop and are not overlooking opportunities to improve.
Clear reports of what we’ve done and advice for future developments.
Our team is always standby to help you out with bringing new ideas to life.
Any request will be handled the same day.