SoundTown x treseiscero

Brief guide of this doc in loom:
This link can't be embedded.
First, lets define Sound Town:
Sound Town is an online program that teaches core literacy skills to PreK children in 5 minutes a day. Teachers play a fun, interactive video to the whole class each day. Students can then practice short engaging activities at school and home on tablets or smartphones.
Why? Two-thirds of fourth-grade children in the US read below grade-level. For most of these children, their struggles were preventable if they’d been taught these foundational literacy skills by kindergarten: phonemic awareness and letter sounds.
Our mission is for all children to enter kindergarten with no gaps in these critical literacy skills, especially for children who are typically left behind.
Started in 2020
What’s the goal?
Design and build the new Sound Town website in Webflow
How can we help you?
What kind of studio is treseiscero?
Our goal as a studio is to deliver high quality designed sites with the clearest Webflow development. So we could define us as a Webflow design studio. But lets dive into it a little more:
Who is behind?
We are two (only):
The one who designs everything in Figma, Andoni
The one who develops everything in Webflow, Eric
Our portfolio
Our best portfolio is our own page designed by us but also you can check inside some of the projects we have done:
How we do it?
First we have three rules that never ever will have to be changed:
We hear 70% and we speak 30%
Is really important to understand the clients need, so we try to hear as much as we can.
We collect all the ideas and look for the most suitable design path
We expend time collecting all the information and analyzing the clients view and the markets view, that will allow us to choose the most suitable design path.
We develop with clear and organized guidelines
We develop with clear class-namings, organized layouts and with conventional spacing & sizes to deliver a understandable site easy to modify and easy to maintain.
Having those three rules in mind, our process is easy to understand, first we deliver everything related with the design, this is a sprint-based process where the feedback of the client is really important.
These are all the design processes that we are mainly focused on:
First, a questionnaire for you
We send a questionnaire to our client to help us understand more about the market and the project itself
Market analysis
Then we start analyzing the market and all the competency. This analysis will help us know the color palettes, fonts, logos, philosophies and missions of the main competitors.
User profile creation
We create some target users psychological profiles to get to understand some of the principal users of the project. The goal here is to empathize with the project/product from different points of user views.
UX definition
We start to structure the User Experience of the project. This is normally done on FigJam as is quicker and also helps us to present and discuss the things we have develop with the client in real-time. Defining the UX will allow us to know clearly the user path and all the components that there will be needed.
Color, typography and fonts definition
Based on the results of the previous processes we define the color palette, typography and fonts that the project will have.
In parallel we design the logo of the project. First in black & white and after with the color palettes defined.
UI design + visual assets
After all we start to design all the project pages, mock ups and visual assets needed.
Delivery: Figma file
At the end we provide the hole Figma file where everything can exported and everything can be changed.
Having all the design approved, or at least partially approved, we start with the Webflow development following the next steps:
Class creation based on the design guidelines approved
This will be a [Draft] page where all the classes are defined based on Finsweet class convention and the design guidelines approved by the client.
Site settings adjustments
Fonts, favicons, analytics, billing, color pallete etc. are adjusted prev to start creating the pages
Components creation
Buttons, forms, cards, backgrounds, rich texts etc. are created on the design guidelines page
HTML/CSS sections structure
All the sections are structured in terms of HTML/CSS and well organized based on the client-first development
Symbols creation
When the sections and components are defined we use symbols to reuse them on other pages
CMS definition
We use the CMS as our back to add dynamic content to the site. We define all the CMS data and all the fields that are needed.
Javascript addons
On complex sites we must add Javascript code snippets to help us reach what is needed. Example: infinite carousel
We develop high quality animations based on the immense interactions possibilities that Webflow offers.
SEO adjustments
We don’t do SEO. But we add the SEO settings as: Title Tag, Meta Description, Open Graph image and description
Delivery: Webflow Editor + Designer
At the end the client will have the Webflow Editor where it’s possible to modify images, text, colors from the front-end view and also have access and edit the CMS and SEO settings. Obviously, we also provide the Webflow Designer access where a Webflow developer can change anything from the Site.
What can you expect from us?
First, passion. We’ve being since 2017 creating digital projects and we LOVE it.
Second, clearness. We are transparent and honest. So we will always say what we think and there will not be any surprises with us.
Third, speeed. We are quick and you’ll experience that. We deliver when it’s supposed to deliver.
Why us?
We are two, so we can be an extra micro-team working for our client. That’s a wrap if the client needs:
A close team
Quick delivery-making team
No misunderstandings between team mates
Easy decision-making team
No egos team
Focused team
UX/UI Design: 2-3 weeks
Webflow Build: 2 weeks
Contract of the budget
Here we attach the contract of the budget:
440.8 kB

Sounds good? This is how to proceed:
You receive the this doc
If everything sounds good for you, we will receive an email to move forward
You will receive the contract
We will receive the contract signed back
We start with the project
We will ask for the first 50% of budget payment
We will receive the first 50% payment
First, a questionnaire for you
UX definition
UI design + visual assets
Delivery: Figma file
Class creation based on the design guidelines approved
Site settings adjustments
Components creation
HTML/CSS Sections structure
Symbols creation
CMS definition
Javascript addons
SEO adjustments
Delivery: Webflow Editor + Designer
Everything right? We will send the 50% final payment
We will receive the 50% final payment
We will probably ask for a testimonial

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
) instead.