Design System

Sections

Sections of Branco website developed in Webflow subdivided in groups with a logical structure for front-end & Back-end developers.

2. Hero's

2.1.1 Hero Home V1

Web Designer @ Branco Web Design
Gonçalo Faria Branco

Designing and Developing brands, Webflow websites & app UI that feel just right

My Services

From first impression to final interaction, I’ve got it covered.

Website Icon
Website
Mobile App icon
App Design
Branding icon
Branding

2.1.2 Hero Home V2

Open laptop displaying a website homepage with the text 'We design, develop and promote your business.'Two Tuapata business cards with rounded corners, one in coral with white logo, the other white with contact details.White smartphone displaying a cryptocurrency portfolio with portfolio value, BTC price chart, and candlestick graph on screen.Tablet screen showing a dashboard interface with market overview graph, social wallet stats, chat section, and operation buttons on a blue and yellow background.White rectangular packaging box for Pão de Ló d’Argolo with minimal gold text and a small green circular seal.
Senior Web Designer & Branding Specialist scaling digital products and design systems through strategic UX/UI and custom Webflow websites
Senior Web Designer
& Branding Specialist
scaling digital products
through strategic UX/UI
& Webflow Websites

Apps & Webflow Websites with Scalable Design Systems for Growing Brands

Yes, this is the original Cosmic Orange from apple iPhone 17
Top portion of an orange-framed smartphone displaying a blank white screen with status icons for time, signal, Wi-Fi, and battery.
No, this is not a real ID card.
Blank cream-colored card with rounded corners on a white background.Identification card front side with a chip on the left and a man’s portrait photo on the right.Designer card with chip, name Gonçalo Faria Branco, sex M, height 1.74, senior level, specialty product, document ID 01720624, design ID 1ZMI, career start 10 09 2013, and a portrait photo of a man with short dark hair and beard.

with 13+ years of experience

2.2.1 Hero About V1

Hey there!
Lead Product Designer & Webflow Expert

I'm Gonçalo

I design and build high-performing websites that blend strategy, creativity, and clean development — from sitemap to site launch. I specialize in creating seamless user experiences, bold UI designs, and fully responsive Webflow websites with smart CMS structures, custom animations, and smooth integrations. Whether it’s a booking platform, membership site, or e-commerce shop, I bring it to life with scalable builds, strong SEO, and fast-loading performance.
Self portrait

2.2.2 Hero About V2

Close-up portrait picture of myself against a black background, showing only the right half of my face.Close-up portrait picture of myself against a black background, showing only the left half of my face.

Senior Product Designer building scalable Design Systems & Brands

13+ years ago, in a country called Portugal...

A remote Senior Product Designer was 'born', building brands, Webflow websites and apps that scale through design systems.
Today, I help companies turn ideas into growing digital products through scalable design systems and strategic UX research.

As a remote Senior Product Designer, I combine UX Research, Visual Design, and Webflow development to create user-centered websites, apps & design systems.

I collaborate with product managers, engineering, and marketing teams to ensure every product fulfills its purpose and drives business growth.

2.3.1 Hero Portfolio V1

Branco Projects

Explore My Best Work: Webflow Websites, Branding & App UI Design

2.3.2 Hero Portfolio V2

Macbook laptop opened with black screen
Macbook pro white screen silhouette Branco Web Design symbol representing my creative style and coloursLogo for Peers, an online Engineering company with a several colorful triangular shapes that makes the full logo with a clean and modern design.Finwizor iOS mobile App screen displaying a colorful circular chart of expenses for January 2018 with a numeric keypad below.Website homepage showing BHOUT Bag with a slogan about increasing energy and navigation buttons.Person holding a white tote bag with FIMÉ (Festival Internacional de Música de Évora) logo text printed on it.Mobile screen for TuaPata showing a pet care website homepage with a heading 'Your pets are our priority', a cat and a dog image at the bottom, and a call-to-action button labeled 'Learn more'.Logotype for Enterprise Open with it's sub brand 'EO-Workspace' witch gives visual guidance for the ecosystem appsMobile phone screen showing a website for 'The Highlanders' business with two hikers in winter gear and snowy mountains of Georgia in the background.Website hoer section for QSF 'Quinta da Sagrada Família' featuring a countryside road leading to a city with the text 'A Countryside Experience in the City' and a search box overlaid.Tablet app profile screen showing Corte Vadio user, follower and following counts, about section in Portuguese, and hairstyle preferences with icons.Tablet website screen for Alentejo Break showing activities including hike and camp, skateboarding, mountain biking, paddle boarding, and paragliding.Mobile app screen of Blue Monkey Prints Website showing a product page for a patterned design print with price and add to cart button.Logotype for Pão de Ló de Mafra, a Portuguese business that delivers the highest quality sponge cake in PortugalLogotype for Markowicz, an USA international techno DJ based in MiamiMobile screen for Soudal Shop Portugal website showing an online store page with various spray cans and a form with dropdown menus for selection and a red submit button.Modern Logotype for AUMA, a brand of Bodywork therapists also known as MassotherapistsLogo for TuaPata Hotel with a stylized paw print that symbolizes a dog and cat together in white on a terracotta background.Mobile dashboard Web App for Crypto staking platform interface showing user profile, market overview charts, and options with percentage values in blue and yellow theme.Brown resealable coffee bags labeled with product details on a plain background for Pão do Mestre businessMobile Web App screen for Corte Vadio showing upcoming haircuts and fast appointment options.
Smartphone displaying a financial portfolio with line and candlestick stock charts on a dark interface.Smartphone displaying a financial portfolio with line and candlestick stock charts on a dark interface.Smartphone displaying a financial portfolio with line and candlestick stock charts on a dark interface.Smartphone displaying a financial portfolio with line and candlestick stock charts on a dark interface.Smartphone displaying a financial portfolio with line and candlestick stock charts on a dark interface.Smartphone displaying a financial portfolio with line and candlestick stock charts on a dark interface.

Senior Portfolio of Brands, Websites & Apps

Discover my top work and how I scale brands, Webflow websites, and apps through strategy, UX/UI, and design systems.

2.4.1 Hero Projects

Tag1
Tag2
Tag3
Tag4
Tag5
Tag6
Tag7
Tag8

Title

Project type

Project Scope

Description with scope of the project

2.5.1 Hero Faqs

Frequently Asked Questions

Everything You Might Want to Ask Before Starting a Project

This page covers key topics about scope, platforms, deliverables, and how collaborations are structured at Branco Web Design.

2.6.1 Hire me

Hire me!

Request Your Custom Quote for Website, App, or Brand!

Complete the form, and I’ll get back to you with a personalized quote designed to fit your needs.

1. About Your Project

Website pages? *

Pages 0

App pages? *

Pages 0

Details of your project

2. About You

Thank You

You will get an email from me shortly.
Oops! Something went wrong. Please try again.

2.7.1 Terms

Branco Web Design

Terms & Privacy Policies

Please review the Terms and Privacy Policy before using this website. By using this site, you agree to comply with the outlined terms and privacy practices.
Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Terms & Conditions

If you do not agree to this privacy policy, you should not use this website.
  • The information provided by you to Branco during your use of the services, or otherwise when using the website will be held by Branco on hosting infrastructure and used to review, develop and improve the website to enable Branco to provide you with relevant information as requested by you and also information concerning Branco marketing programmes.
  • As is true with most websites, the server will automatically log data regarding each visit such as your IP address, browser type, referring/exit pages, and operating system. This information can be used to monitor server errors, server administration or to monitor visitor behaviour. It is not possible for this to be disabled on a per-user basis so you must leave this website if you do not agree to this happening.
  • Branco will not hold such information or data for any longer than is necessary for the purposes set out in this policy statement.
  • Branco website may include hyperlinks to other websites. Your use of such hyperlinks is not subject to this policy statement. If you use the hyperlinks then you will be leaving the website. Your access and use of other websites will not be governed by this policy statement and it is your responsibility to check the other websites and the privacy policies that may govern those sites to ascertain how your information and data will be treated.
  • You have the right to request access to and/or the correction or deletion of any personal information about you held by Branco.
  • By accepting this policy statement you consent to the use (including processing and storage), transfer and disclosure of your information and data referred to in this policy statement for the purposes set out in this policy statement.
  • Branco will not use any data you submit on this website to market to you in the future without strict consent.
Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Cookies

  • This website uses cookies which are stored on your browser. You can usually modify your browser settings to prevent this happening. However, by disabling cookies, or certain types of cookie, you may hinder your user experience on this and other websites, or prevent them from working entirely.
  • The only way you can however disable ALL cookies from any website is to disable accepting cookies from them in your browser. I do suggest consulting the Help section of your browser or taking a look at About Cookies website which offers guidance for all modern browsers section.
  • This cookie policy applies to this website only and does not apply to any websites that this website may link to.
  • By continuing to use this website without adjusting your browser’s cookie settings, you agree that Branco can place these cookies on your device.
  • If you have questions, please do not hesitate to contact the email branco.webdesign@gmail.com.
  • Branco may revise this privacy statement at any time by amending this page. Please check this page from time to time to ensure you are aware of any changes we have made, as they are binding on you.
Last updated: June 1st, 2025

3. Services

3.1.1 Service list

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Services

Discover my professional web design services to help build and scale your business.

Open laptop displaying a website homepage with the text 'We design, develop and promote your business.'Tablet screen showing a dashboard interface with market overview graph, social wallet stats, chat section, and operation buttons on a blue and yellow background.Two Tuapata business cards with rounded corners, one in coral with white logo, the other white with contact details.iPad screen displaying Alvaforce investment profit calculator with inputs for investment amount, duration, and product, showing total investor and customer earnings.White rectangular packaging box for Pão de Ló d’Argolo with minimal gold text and a small green circular seal.White smartphone displaying a cryptocurrency portfolio with portfolio value, BTC price chart, and candlestick graph on screen.
Branco pattern with logos shape
Branding icon

Branding

  • Brand Concept
  • Logo Design
  • Typography & Colors
  • Brand Book
  • Social Media Setup
  • Printing Materials
Branco pattern with logos shape
Website Icon

Website

  • CMS (data base)
  • E-commerce
  • Membership
  • Booking System
  • Web Application
  • Landing Page
  • Design System
Branco pattern with logos shape
Mobile App icon

App

  • UX Research
  • UX/UI Design
  • iOS Interface
  • Android Interface
  • Tablet Layouts
  • Design System

4. CV

4.1 CV full

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

My Career

I've worked all over the world creating and developing projects for 4 continents (Europe, America, Asia & Africa) across 13 different countries. From consultancy, to agencies and startups, I have with experience working in several environments to many different industries.

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Skills

Branding
UI Design
Mobile Design
E-Commerce
Booking
UX Research
Web Design
Webflow Expert
Membership
On-Page SEO
Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Experience

How My Experience Shaped Who I Am Today

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Recognitions

Recognition That Shaped My Journey: Awards, Honors & Interviews

Show more

4.2.1 Career v1

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

My journey as a Product Designer

Designing brands, websites, and apps since 2012 — helping clients stand out with strategic, user-focused design.

Branco
Lead Product Designer
Jun 2025 — Present
Pathfinders
Co-Founder & Lead Product Designer
Nov 2016 — Apr 2025
Novabase
Product Designer
Jan 2014 — Sep 2016
Fine Arts, Lisbon
Graphic Designer
Dec 2011 — Jan 2013

4.2.2 Career v2 home

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

My journey as a Product Designer

The companies that thought me the know how that make me today, a Lead Product Designer.

4.2.3 Career v2 about

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

My journey building brands, websites & apps

Designing brands, websites, and apps for 13+ years and working fully remote since 2016 developing web design projects worldwide.

4.3 Summary

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Summary

I’m the founder of Branco Web Design where I help companies turn ideas into digital products that with scalable design systems perform and stand out.

As a remote Senior Product Designer & cross-functional leader, I collaborate with PM's, Engineering, and Marketing teams to deliver all the Design token systems validated by real concepts and foundations, while securing accessibility and business impact.

4.4 Skills

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Core Skills

Delivering end-to-end value by merging strategic research, interface design, code, and AI innovation to build functional products.

1

Research & Strategy

  • User Research & Interviews
  • Usability Testing
  • UX Writting
  • A/B Testing & Analytics
  • Information Architecture
Branco pattern with logos shape
2

Design & Prototyping

  • Wireframing & User Flows
  • Interaction Design
  • Visual & UI Design
  • Design Systems
  • Accessibility (WCAG)
Branco pattern with logos shape
3

Development & Handoff

  • Front-end Development
  • No code & CMS
  • On-page SEO
  • Design QA & Handoff
  • Agile & Git
Branco pattern with logos shape
4

Innovation & AI

  • Generative AI Design
  • AI Ideation & Strategy
  • AI Content Generation
  • AI Workflow Automation
Branco pattern with logos shape

4.5 Industries

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Industries served

I have worked with a diverse range of clients across different industries

Fintech, Banking & Insurtech IconFintech, Banking & Insurtech Icon

Fintech, Banking & Insurtech

16 clients
Healthcare, Fitness & WellnessHealthcare, Fitness & Wellness

Healthcare, Fitness & Wellness

15 clients
B2B SaaS, Tech Services & Public SectorB2B SaaS, Tech Services & Public Sector

B2B SaaS, Tech Services & Public Sector

12 clients
Education, Arts & Culture IconEducation, Arts & Culture Icon

Education, Arts & Culture

9 clients
Real Estate, Hospitality, Travel & Mobility IconReal Estate, Hospitality, Travel & Mobility Icon

Real Estate, Hospitality, Travel & Mobility

8 clients
E-commerce & D2C IconE-commerce & D2C Icon

E-commerce & D2C

8 clients
Energy, Sustainability & Environment IconEnergy, Sustainability & Environment Icon

Energy, Sustainability & Environment

5 clients
Crypto & Web3 IconCrypto & Web3 Icon

Crypto & Web3

2 clients

4.6 Tools

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Design tools & technology stack

Tools I use several times per week that help me manage, create and develop my Brands & Websites and Apps.

5. Clients

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Clients i've worked with

I’ve worked with great clients, creating solid brands and building scalable websites and apps.

6. Reviews

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Trustworthy client experiences

Growing brands with every project I take on is my motivation. Here’s what my clients have to say about the journey.

Arrow right

7. Stats

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Design career statistics

All the websites, apps, and brands built with scalable solutions for growing businesses.

106
number of

Projects

number of

Websites

0
0
number of

Apps

0
number of

Brands

8. Map

Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Remote Web Design Without Borders

Involved in +100 Projects developed for +70 clients for 14 countries since 2012

World map
Europe
  • England
  • Germany
  • Portugal
  • Poland
  • Spain
  • Switzerland
North America
  • USA
Central Asia
  • Georgia
  • Russia
East Asia
  • Indonesia
  • Thailand
Africa
  • Angola
South America
  • Brazil
  • Chile

9. CTA

9.1 CTA V1

Looking for a Web Designer?

9.2 CTA V2

Branco logo symbol white version

Looking for a Web Designer?