Designer

Intro

Hi, I’m Sérgio Fontes.

I’m a Brazilian digital designer with 15+ years of experience.

I help companies design, build, and validate digital products.

Experience

I design products and lead design teams that turn complexity into simplicity. Working across industries and international markets, I’ve helped organizations in Brazil, the USA, and Canada create products where user needs, business strategy, and technology come together.

I’m energized by the full spectrum of product design, from shaping long-term vision to refining the details that make products feel unique & well-crafted. Through iterative, hypothesis-driven design, I transform ambiguity into meaningful experiences.

Work

Online Catalog

2025

Helping small businesses showcase their products online and generate more sales opportunities.

Read the case
  • Boni Burger’s online catalog home on a phone — a hero banner of burgers, the BB logo, a tagline with a “Visite nosso catálogo” button, and the shop’s address and opening hours.The catalog’s product list on a phone — a search field, the Burgers/Especiais/Acompanhamentos category tabs, and burger cards such as “Boni Clássico” (R$ 32,00) and “Boni Bacon” (R$ 36,00), each with a photo and short description.A product page on a phone — a large photo of the “Boni Clássico” burger, its R$ 32,00 price, the full ingredient list, and an add-to-cart button.
  • The catalog’s content shared across channels — Boni Burger’s “Boni Clássico” appearing in Instagram posts and stories, X posts, direct-message replies, and rich link previews of the store.
  • A still from the promotional video — a WhatsApp-style chat where a customer messages Boni Burger asking to see the menu.

Grocery Starter Pack

2022
  • The FreshStore grocery app on a phone — the “Vegetables & Fruits” category with 192 items, filter chips, a sort control, and a “Go vegan for the month!” promotional banner.The “Fruits” product list on a phone — cards for items like Organic Monalisa Potato and Black Seedless Grape, each showing its price, a unit selector, and an add button.The cart summary on a phone — 27 items, substitution preferences, a free-shipping note, the running subtotal and savings, and a “Proceed to Checkout” button.
  • An annotated breakdown of the web product card — labels pointing out the favourite, recurring-item and organic flags, the add-to-cart button, the price and promo tag, and the unit selector.A row of web product cards in different states — default cards with an add button beside cards switched to a quantity stepper after being added, including “take 3, pay 2” promo tags.
  • The delivery setup on a phone — a “Where do you want to receive your order?” dialog asking for a ZIP code over the dimmed store.The same dialog with a ZIP code being typed — a “Use current location” option and matching ZIP suggestions appear above the keyboard.The next step on a phone — “How do you want to receive your order?” offering “Delivery to Your Address” or “Pickup at Store,” each with its conditions.

Ecommerce Redesign

2021
  • A PetPlate product page on the web — the “Chicken Apple Sausage Bites 4-Pack,” with its star rating, $30 price, quantity stepper, a “Buy 4-Pack” button, and a meal-plan add-on option.The same product on a phone — the “Chicken Apple Sausage Bites 4-Pack” page with its photo carousel, rating, and price.
  • A dog’s meal-plan dashboard on the PetPlate website — Momo the Samoyed’s profile and feeding needs, the current Meal Plan and next-box total, and the meals and treats included.
  • The plan-switching dialog on the PetPlate website — comparing the recommended “Full Plan” against the “Topper Plan,” each with its calories, cadence, and price.
  • The express checkout on a card — a “Welcome!” step asking the customer to pick a payment option, offering Apple Pay or credit card.The checkout’s shipping-address step — a form for contact and address details above the payment-info section.The “Review Your Order” step — the shipping address, payment info, and an order summary totaling $30, with a “Finish Order” button.The “Thank You — Order Confirmed” step — the order number, delivery date, and shipping address, with “Refer a Friend” and “Go to My Account” actions.

Branding & Website

2021
  • The Guava software studio website — an “About us” hero with the red headline “A small & bold software studio.” beside a circular photo of the team at work.Guava’s work page — “A productivity power-up,” a case study about helping Elétron Energy automate their operations, with a 3D illustration of stacked panels.
  • Guava’s about page — the brand name “guava” formed from large three-dimensional letters on a green wall, under the line “A small & bold software studio.”
  • Guava’s process page — the headline “An immersive & adaptive process.” over a flowing line illustration on a coral background.

Branding & Website

2015
  • The Tropical Ruby 2015 conference website — the home page with the diamond logo, featured speakers, the March 5–8 dates and Porto de Galinhas location, a newsletter sign-up, and rows of sponsors.
  • The conference schedule page — a four-day timeline and details for activities like a buggy ride and a raft-boat sail, plus talks and transfer information.
  • Another section of the conference site — a Steve Klabnik testimonial calling it “Ruby on one of the most beautiful beaches in the world,” a “Remarks” block on transportation, lodging, food and weather, and an “About” summary.

Contact

Email:sergio@fontes.cc

I usually reply emails in no more than one business day. Say hello!

Alternatively, you can find me on LinkedIn (opens in a new tab)Offline and GitHub (opens in a new tab)Offline

“I have been working with Sérgio for the past two years, and it’s been a great opportunity to see his leadership and product design expertise in action. He’s responsible for guiding the design team without compromising any natural talent from his peers, not to mention his vast experience within the design spectrum, always looking forward to improving the company’s design process and strategy. His natural skills go from CSS mastery (inspiring every designer to be a better coder), architectural thinking, user’s best friend, and meme hunter.”

Filipe Soares
Staff Product Designer @ VTEX

Traits

Generalist

I enjoy working across the entire product design process—from research and problem framing to prototyping, validation, visual design, and even HTML/CSS. Having a broad skill set helps me connect disciplines, bridge gaps, and move ideas from concept to execution.

Craftsman

I care deeply about quality and have a keen eye for detail, striving for solutions that feel polished and intentional. Beyond pixels and interfaces, I value the nuances that shape perception and trust, creating products that feel thoughtful, distinctive, and genuinely well-crafted.

Systems Thinker

I’m comfortable zooming in and out—from the smallest interaction details to the broader product ecosystem. This helps me understand how decisions ripple across users, teams, and businesses, creating experiences that are coherent, scalable, and meaningful.