Explore

Transcend Network x treseiscero

Brief guide of this doc in loom:

⁠

Brief guide of this doc in loom⁠

⁠

First, lets define Transcend:

Transcend Network is the first global network of founders building the future of learning and work. They run an exclusive fellowship for early-stage founders in the space, and have supported over 183 founders from 40 countries who have raised over $165M in funding since joining.

What’s the goal?

Website design + Webflow build based on the new branding and visual identity of Transcend Network.

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

client-first⁠

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:

treseiscero.app⁠

⁠

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.

Design of the logo

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

Animations

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

Two portfolios that could be of your interest:

⁠

ISBIF⁠

is a business school that helps people to work in the best consultancy firms.

Take a look to the new visual identity:

⁠

Zrive⁠

strives to create a space where individuals can gain skills, accelerate their careers and build a network, outside traditional educational institutions.

Take a look to the new visual identity:

⁠

Timeline

UX/UI Design: 3 weeks

Webflow Build: 3-4 weeks

Availability

We could start working on this project by the end of August.

Budget ranges

Our mid ticket is round 4.000$. Can be higher or lower. Depends on the complexity of the project and the pages to build.

Contract of the budget

Here we attach the contract of the budget:

⁠