Scroll down icon
Web Design & Development Services

Custom Webflow Websites for Growing Brands

Explore custom website solutions, the design and development process, and why Webflow is the platform of choice.
Solution I build
Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Website solutions I Build

Check the different types of websites I can fully costumize for your growing business

Branco pattern with logos shape

E-Commerce Websites

Custom product catalogs, shopping carts, and payment integrations.
Branco pattern with logos shape

Membership & SaaS Platforms

Gated content, user authentication, and subscription management.
Branco pattern with logos shape

Scheduling & Booking Systems

Appointment booking, calendar integration & automated notifications.
Branco pattern with logos shape

Web Applications

Interactive web apps with real-time functionality and custom integrations.
Branco pattern with logos shape

Landing Pages

High-converting pages optimized for lead generation and conversions.
Branco pattern with logos shape

CMS-Driven Sites

Dynamic websites with easy content management and scalable structure.
Why Webflow?
Work with me
Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

How I Build Custom Webflow Websites

Step by step, see all the stages necessary to build a custom website.

1. Strategic Research & Analysis

I start with deep user research, competitive analysis, and business strategy to understand your goals, audience, and market position.

Includes: User interviews, competitor benchmarking, personas, user journey mapping

2. Information Architecture & Sitemap

Building a clear structure that makes sense for users and search engines. Every page is purposefully organized for findability and SEO.

Includes: Content hierarchy, navigation strategy, URL structure, internal linking strategy

3. UX Design & User Flows

Creating wireframes and user flows that guide visitors toward conversion. Every interaction is intentional and tested.

Includes: Wireframes, user flows, interaction patterns, conversion funnels

4. Visual Design & Design Systems

Building beautiful interfaces with scalable design systems. Every component is designed once, implemented everywhere.

Includes: Brand application, typography, color systems, component library, animations

5. Webflow Development & Code Quality

Custom Webflow development with clean, semantic code. Fast performance, accessibility compliance, and SEO optimization.

Includes: Responsive development, CSS architecture, interactive elements, schema markup, performance optimization

6. CMS & E-Commerce Setup

Setting up Webflow CMS for easy content updates or full e-commerce with Stripe/PayPal integration for selling products.

Includes: CMS structure, product setup, payment processing, inventory management, order tracking
Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Comprehensive Design Systems I Build

Step by step, see all the stages necessary to design and document a scalable design system with comprehensive design tokens.

Branco pattern with logos shape
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
1

Color Design Tokens

  • Semantic colors for text, border, surface, action highlights, etc
  • Light and Dark mode variants
  • WCAG 2.1 AA compliant
  • Validated, accessible interactions for all users
Branco pattern with logos shape
2

Typography System

  • Harmonious type scale built on mathematical relationships
  • Font weights, sizes, line heights & letter spacing defined
  • All use cases: headlines, body text, captions, labels
Branco pattern with logos shape
3

Spacing, Layout & Breakpoints

  • Spacing scale with Fibonacci sequence (multiples of 8)
  • Margins, padding, gaps & sizes for visual harmony
  • Clear breakpoints from small phones to large screens
Branco pattern with logos shape
4

Shadow, Border & Radius System

  • Semantic elevation system using shadow tokens
  • Border radius tokens, from subtle to rounded
  • Depth relationships & visual hierarchy between layers
Branco pattern with logos shape
5

Iconography System

  • Icon library with consistent style, weight & sizing
  • Works seamlessly across iOS and Android
  • Proper sizing for different pixel densities
Branco pattern with logos shape
6

Animation & Motion Tokens

  • Guidelines with defined timing functions & durations
  • Smooth, predictable transitions and micro-interactions
  • Loading states, scroll reveals, expand/collapse & more
Branco pattern with logos shape
7

Component Library

  • Reusable components: buttons, inputs, cards, modals & more
  • All states: default, hover, active, focused, disabled, loading, error
  • Light & Dark mode from color tokens
  • User-controlled font scaling
Branco pattern with logos shape
8

Documentation & Design System

  • Living, maintainable design system built in Figma
  • Comprehensive usage guidelines with Do's and Don'ts
  • Accessibility notes included throughout
  • Ready-to-use code snippets
Start your project
View work
Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Why Webflow for Custom Websites?

With Webflow, I can add create any website design and development for any type of business.

Branco pattern with logos shape

Design Freedom

Pixel-perfect control without code limitations. Build custom layouts, animations, and interactions that bring your vision to life.
Branco pattern with logos shape

SEO-Ready by Default

Clean HTML, fast hosting on Cloudflare, built-in SEO features, and full control over meta tags and schema markup.
Branco pattern with logos shape

CMS Power

Dynamic content without WordPress complexity. Manage blogs, portfolios, and product catalogs easily.
Branco pattern with logos shape

E-Commerce Built-In

Native Stripe/PayPal integration, inventory management, and order processing. No third-party plugins needed.
Branco pattern with logos shape

Performance & Speed

Lightning-fast load times with global CDN, optimized images, and clean code. 90+ PageSpeed scores standard.
Branco pattern with logos shape

Scalability

Grows from landing pages to web applications. One platform for all your website needs.
View examples
Get a quote
Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

What Clients Say

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

5 starts icon

"Working with Pathfinders was an absolute delight. Our project was especially complex and most of the tools had to be built from scratch. Pathfinders team managed to deliver an outcome that exceeded our expectations. Gonçalo and André were extremely attentive to detail & invested in creating a unique user experience. Their work ethic is flawless! Always curious & professional, which resulted in solid solutions to ..."

João Lomelino

Founder of Blue Monkey
5 starts icon

"I worked with Pathfinders for some months and I highly recommend these guys. They are extremely professional, highly proactive and always focused on finding the best solution.
Thank you so much for your dedication, Pathfinders. Hopefully will have the chance to work together again soon."

Hugo Cardoso

Senior Digital Manager at AGEAS Portugal
5 starts icon

"I loved the work done by Gonçalo for my business Um Curso Em Sabores. He made me an incredible logo and website for my business which is mainly Vegetarian and Vegan Food Workshops, Aromatherapy with Essential Oils and Natural Cosmetics. My clients can now, buy my workshops and products directly through the website in a simple and intuitive way. I recommend their work 100% 💕"

Isaura Faria

Founder of Um Curso Em Sabores
5 starts icon

"Gonçalo from pathfinders was a super star 🌟 helping me with my logo and website project! Thank you so much for creating, design and made my dream came true.  I would totally recommend pathfinders to anyone who would ask for web/app design or anything related! Thank you for always being there to help and response so quick and effectively to my questions! 🙌🏼✨"

Ana Luisa

Founder of Anaji
5 starts icon

"Pathfinders and I worked together for a development project that I was managing. They were responsible to design a new product flow, assuring that they would deliver the best UX/UI but also that the flow would be in accordance to the current Design System. The deliveries were on time and with minimal corrections. Communication and availability were perfect."

Nina Melo

Project Manager at Fullsix Portugal
Arrow right
Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

FAQS About Webflow Websites

Find the most frequent asked questions by clients when doing Webflow websites.

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

Website

Subtitle

What tools do you design and build websites with?

Designs are created primarily in Figma, with proficiency in tools like Adobe XD and Sketch when needed. For development, projects are typically built in Webflow, but other platforms like Framer, Shopify, and WordPress are used based on project goals and integrations.
Subtitle

Do you build e-commerce or membership websites?

Yes. E-commerce projects are developed using Webflow (with Foxy) or Shopify, often with custom payment integrations such as Easypay. Membership systems and gated content can be implemented using Webflow’s CMS and logic, or with external tools depending on the client’s needs.
Subtitle

Do you build booking websites?

Yes. Booking websites are often built using Webflow integrated with third-party platforms such as Lodgify, depending on the type of service or accommodation offered.
Subtitle

How long does it take to build a website?

Timelines depend on the project size and complexity. A small website may take around 4–6 weeks, while larger platforms can range from 2 to 4 months.
Subtitle

What industries have you built websites for?

Projects have been delivered across Fintech, Software & SaaS, Hospitality, Healthcare, Education, Energy, Wellness, Real Estate, Insurance, Crypto & Web3, Aviation & Travel, E-commerce, Food & Beverage, Fashion & Lifestyle, Arts & Culture, Music, Tourism, Sports, Web Design.
Subtitle

Do you offer ongoing support after launch?

Yes. Retainer agreements or support packages can be arranged for regular updates, new feature rollouts, performance optimizations, and training/support as needed.
Subtitle

Will the website work on all screen sizes?

Yes. All websites are built to be fully responsive — adapting from small smartphones to high-resolution external monitors, ensuring optimal layout and performance across devices.
Subtitle

Can you integrate APIs, forms, or advanced logic?

Yes. Projects can include custom forms, API integrations, dynamic filtering, CMS logic, and other interactive features based on scope and platform capabilities.
Orange triangular shape from the Branco logo's 'O' letter, used as a creative graphic element in page titles.

Logistic

Subtitle

Do you work with international clients?

Yes, Branco Web Design works fully remotely and regularly collaborates with clients across Europe, the US, and Asia. Invoicing is handled through the VIES system, allowing for valid international invoicing across borders.
Subtitle

Is a contract signed before starting?

Yes. A simple contract is always provided to formalize the agreement, define scope, deliverables, timelines, and payment terms. It ensures transparency and protection for both sides.
Subtitle

How is payment handled?

Payments are typically made via bank transfer using WISE or Revolut. Invoices include all necessary payment instructions.
Subtitle

Are payments split into stages?

Yes. Projects are split into milestones or tranches, depending on size and complexity. This ensures the project progresses smoothly and is paid progressively throughout key phases (e.g., strategy, design, build, launch).
Subtitle

How soon can a project start?

It depends on current availability and the size of the project. Small projects can often start within 1–3 weeks, while larger ones may require scheduling further in advance.
Subtitle

Who owns the work after delivery?

Once final payment is received, all project assets are transferred to the client. You receive full rights to use and modify the design and code unless otherwise agreed in writing.
Subtitle

How is communication handled during the project?

Communication happens via email, Notion, Figma, and video calls depending on the project. Regular updates are shared at key milestones, and async communication is preferred to respect time zones and deep work sessions.
Subtitle

Do you use AI tools in your working process?

Yes, AI tools are integrated at various stages to improve efficiency, ideation, and scalability. For example:
  • OpenAI helps with content structuring and logic flows through AI agents
  • Relume is used to speed up sitemap and wireframe exploration
  • MidJourney is used for visual exploration and creative direction when needed
  • FireFiles to make meetings 10x more productive
Branco logo symbol white version

Looking for a Senior Product Designer?

Hire me!