DG/DAVI.GABRIEL
DISPONÍVEL
PORTFOLIO / 2026 BUILDING DIGITAL EXPERIENCES WITH IDENTITY. SYS_025 / REV.07

[01] WEB DEVELOPER / DIGITAL DESIGNER

DAVIGABRIEL

Construo sites com identidade, interação e propósito — frontend que não parece saído do mesmo template.

EXPLORAR PROJETOS IDEAS → CODE → EXPERIENCES BRASIL / DISPONÍVEL
/CAPABILITIES
WEB DESIGNFRONTEND DEVELOPMENTRESPONSIVE UILANDING PAGESDIGITAL EXPERIENCES
/PROJECT_ARCHIVE

SELEÇÃO_
PROJETOS

Projetos reais apresentados como trabalho de produto: contexto, decisões, interface e implementação — não apenas uma imagem bonita.

02 / 05 CASES
002
BARBERSHOP / ORLANDO / 2026

GOAT
BARBERSHOP

Site estático em inglês com direção cinematográfica, galeria, serviços, navegação acessível e experiência responsiva.

HTML / CSS / JAVASCRIPT / WEBP
Visual do projeto GOAT Barbershop
CASE STUDY / 002
VIEW_CASE →
/CAPABILITIES

O QUE
CONSTRUO.

01

WEB DESIGN

Direção visual, hierarquia, layout e identidade para sites que precisam ter personalidade.

02

FRONTEND

Interfaces rápidas, responsivas e cuidadosamente implementadas para desktop e mobile.

03

EXPERIÊNCIAS DIGITAIS

Motion, microinterações e detalhes de UX que fazem o site parecer vivo sem sacrificar usabilidade.

04

LANÇAMENTO

Deploy, SEO básico, performance, domínio e preparação para colocar o projeto no ar.

05

RESPONSIVE UI

Interfaces que se adaptam ao conteúdo, ao dispositivo e às pessoas.

06

UI/UX

Fluxos claros, navegação acessível e decisões guiadas pelo uso.

/USER_PROFILE

QUEM
É DAVI?

03 / PROFILE

Desenvolvedor web que usa design como parte do código — não como decoração depois que o site já está pronto.

Trabalho entre frontend e direção visual. Gosto de transformar referências incomuns em interfaces utilizáveis, responsivas e memoráveis, sempre adaptando a linguagem ao negócio em vez de repetir o mesmo template.

/PROCESS

COMO
TRABALHO

  1. 01ENTENDER

    Entender marca, público, objetivo e limitações reais.

  2. 02DESENHAR

    Definir direção visual, hierarquia e comportamento.

  3. 03DESENVOLVER

    Implementar a interface com responsividade e interação.

  4. 04REFINAR

    Testar, reduzir atrito, otimizar e preparar o lançamento.

/TECH_STACK

FERRA-
MENTAS

CORE

HTML UI
CSS SYSTEM
JAVASCRIPT INTERACTION
REACT FRONTEND

BACKEND / DATA

SUPABASE BACKEND
FIREBASE PLATFORM

SHIP / TOOLS

GIT / GITHUB VERSION
CLOUDFLARE DEPLOY
VERCEL DEPLOY
00:01:14 visual_direction_defined DONE
00:04:51 responsive_layout_compiled DONE
00:08:07 interactions_initialized DONE
00:09:20 portfolio_ready _
[04] DISPONÍVEL PARA PROJETOS FREELANCESESSION_ID: DG_2026

VAMOSCRIARALGO ÚNICO.

Se o projeto precisa ter identidade própria, pode me chamar.

GITHUB@mendeszk25 ↗INSTAGRAM@mendeszk__ ↗
NEW_PROJECT_REQUEST
/START_A_PROJECT

ME CONTA
O QUE VOCÊ
QUER CRIAR.

Nenhum dado é enviado para servidor. O formulário prepara um email no seu dispositivo.