Bem-vindos!
Sou César
Gatto,

FRONTEND WEB DESIGNER

Foto de César Gatto

<sobre>

Paulistano da região do Butantã, tive uma infância como uma criança comum das décadas de 80/90, com atividades ao ar livre, até mesmo quando era época de desenhar, e assim o fazia no banco da praça.
Acompanhei o boom das novas tecnologias de perto e sempre me interessei, meus pais perceberam e logo me matricularam em um curso de informática na Microcamp. O curso foi desafiador e ao ser apresentado ao HTML, foi um caminho sem volta.
Tive um caso de amor com HTML aos 14 anos de idade. Foi uma relação intensa que fez eu deixar de fazer qualquer outra coisa que não fosse isso, um nerd. Dediquei-me de mente, corpo e alma à esta linguagem, estudei tutoriais, mergulhei no código fonte de sites alheios, discuti em fóruns... até que dei um tempo. Motivo: fui aprovado no concurso dos Correios aos 19.
Eis que alguém disse: "Se você ama algo e abre mão disso e isto não volta, você está fazendo errado."
Voltei a me dedicar à Web 20 anos depois e percebi que os sites não tem mais resolução padrão de 800 x 600, eles são responsivos e não são mais construídos por tabelas, hoje existe a tag <div>, dentre diversas outras tags com ou sem semântica.
Voltei ao meu grande amor trazendo na bagagem conhecimentos de design gráfico, artes visuais, dentre outros cursos que participei nesta caminhada.

<serviços>

Ícone Frontend
Desenvolvimento Front-end

Apaixonado por Web e tecnologia, desenvolvo sites dinâmicos e responsivos para a internet.

Ícone Design
Design Gráfico

Não só apaixonado por tecnologia, mas também em trazer funcionalidade e estética visual.

Ícone escrita criativa
Escrita Criativa

Escrever é um hobby que eu tenho, mas posso agregar profissionalmente com um texto sucinto e objetivo.

<portfólio>
Meu antigo portfólio
Página inicial / Antigo portfólio

Ferramentas utilizadas:
Photoshop, Illustrator, HTML, CSS, JavaScript.

Meu antigo portfólio
Links / Antigo portfólio

Ferramentas utilizadas:
Photoshop, Illustrator, HTML, CSS, JavaScript.

Meu antigo portfólio
Rodapé / Antigo portfólio

Ferramentas utilizadas:
Photoshop, Illustrator, HTML, CSS, JavaScript.

Landing Page da Florigatto
Landing Page / Florigatto

Trabalho que desenvolvi quando minha mãe resolveu abrir uma loja de plantas.
Ferramentas utilizadas:
HTML, CSS e JavaScript.

Landing Page da APLICAR
Landing Page / APLICAR

Página em andamento.
Logotipo não é meu.

Hot Site Smashing Pumpkins - Página Inicial
Hot Site / Smashing Pumpkins

Trabalho acadêmico sobre uma banda que supostamente faria um show no Brasil.
Página Inicial
Ferramentas utilizadas:
Photoshop e HTML.

Hot Site Smashing Pumpkins - Local do Show
Hot Site / Smashing Pumpkins

Trabalho acadêmico sobre uma banda que supostamente faria um show no Brasil.
Link Local do Show
Ferramentas utilizadas:
Photoshop e HTML.

Hot Site Smashing Pumpkins - História da Banda
Hot Site / Smashing Pumpkins

Trabalho acadêmico sobre uma banda que supostamente faria um show no Brasil.
Link História da Banda
Ferramentas utilizadas:
Photoshop e HTML.

Hot Site Smashing Pumpkins - Fotos
Hot Site / Smashing Pumpkins

Trabalho acadêmico sobre uma banda que supostamente faria um show no Brasil.
Link Fotos
Ferramentas utilizadas:
Photoshop e HTML.

Hot Site Smashing Pumpkins - Clipes
Hot Site / Smashing Pumpkins

Trabalho acadêmico sobre uma banda que supostamente faria um show no Brasil.
Link Clipes
Ferramentas utilizadas:
Photoshop e HTML.

Interface Login / Clube Santuu
Interface Login / Clube Santuu

Sugestão de interface de página de login para o Clube Santuu.
Ferramentas utilizadas:
Figma e Photoshop.

Interface Login / Clube Santuu
Interface Login / Clube Santuu

Sugestão de interface de página de login para o Clube Santuu.
Ferramentas utilizadas:
Figma e Photoshop.

Interface E-commerce Santuu
Fluxo E-commerce / Clube Santuu

Interface de fluxo de e-commerce para leasing de bikes.
Página Lista de bikes
Ferramentas utilizadas:
Figma.

Interface E-commerce Santuu
Fluxo E-commerce / Clube Santuu

Interface de fluxo de e-commerce para leasing de bikes.
Página Descrição da bike
Ferramentas utilizadas:
Figma.

Interface E-commerce Santuu
Fluxo E-commerce / Clube Santuu

Interface de fluxo de e-commerce para leasing de bikes.
Página Escolha de combos
Ferramentas utilizadas:
Figma.

Interface Site Gedui
Interface Site / Gedui

Interface de média fidelidade do site da Gedui da antiga identidade visual.
Página inicial e Blog
Ferramentas utilizadas:
Figma.

Interface Imparáveis
Interface / Imparáveis

Interface que criei para a equipe de desenvolvimento do Imparáveis.
Ferramentas utilizadas:
Figma.

Interface Imparáveis
Interface / Imparáveis

Interface que criei para a equipe de desenvolvimento do Imparáveis.
Ferramentas utilizadas:
Figma.

Logotipo da Florigatto
Logotipo / Florigatto

Trabalho que desenvolvi quando minha mãe resolveu abrir uma loja de plantas.
Ferramentas utilizadas:
Prancheta e Illustrator.

Logotipo da Gedui
Branding / Gedui

Trabalho de repaginação de toda a identidade visual da Gedui.
Ferramentas utilizadas:
Prancheta, Illustrator e Figma.

Logotipo da ÁbBA
Logotipo / ÁbBA

Trabalho que desenvolvi para uma entidade que cuida de jovens com autismo.
Ferramentas utilizadas:
Illustrator.

Logotipo Plug Session
Logotipo / Plug Session

Projeto de Startup que estou ajudando meu melhor amigo a realizar.
Ferramentas utilizadas:
Illustrator.

Folder Zapfino
Folder / Zapfino

Trabalho acadêmico onde a proposta era desenvolver um folder sobre uma determinada tipografia. Escolhi a fonte Zapfino.
Além do digital, este foi impresso.
Ferramentas utilizadas:
Photoshop e Indesign.

Folder Zapfino
Folder / Zapfino

Trabalho acadêmico onde a proposta era desenvolver um folder sobre uma determinada tipografia. Escolhi a fonte Zapfino.
Além do digital, este foi impresso.
Ferramentas utilizadas:
Photoshop e Indesign.

Folder Zapfino
Folder / Zapfino

Trabalho acadêmico onde a proposta era desenvolver um folder sobre uma determinada tipografia. Escolhi a fonte Zapfino.
Além do digital, este foi impresso.
Ferramentas utilizadas:
Photoshop e Indesign.

Folder Zapfino
Folder / Zapfino

Trabalho acadêmico onde a proposta era desenvolver um folder sobre uma determinada tipografia. Escolhi a fonte Zapfino.
Além do digital, este foi impresso.
Ferramentas utilizadas:
Photoshop e Indesign.

Folder Zapfino
Folder / Zapfino

Trabalho acadêmico onde a proposta era desenvolver um folder sobre uma determinada tipografia. Escolhi a fonte Zapfino.
Além do digital, este foi impresso.
Ferramentas utilizadas:
Photoshop e Indesign.

Jogo Americano Burger e Açaí
Jogo Americano / Burger e Açaí

Trabalho Freelance que realizei para uma lanchonete onde eu costumava a almoçar na época em que trabalhava nos Correios.
Ferramentas utilizadas:
Photoshop e Illustrator.

Desenho do protótipo Hot Site Smashing Pumpkins
Protótipo / Hot Site Smashing Pumpkins

Protótipo do projeto que realizei em um trabalho acadêmico.
Ferramentas utilizadas:
Prancheta e Mesa de luz.

Blog Fino Fiction
Blog / Fino Fiction

Este é meu blog, onde escrevo histórias fictícias com pitadas de realidade.
https://finofiction.wordpress.com
Ferramentas utilizadas:
WordPress

Portal Conexão Virtual
Portal / Conexão Virtual

Um dos primeiros sites que criei para uma feira de ciências do colégio onde fiz o técnico em T.I. Este portal tinha quase mil páginas.
Ferramentas utilizadas:
HTML puro no Bloco de Notas.

Colagem de dentro de um ônibus em chamas
Colagem / Revista Curtos Contos

Participei de uma coletânea de contos, onde publiquei alguns textos de minha autoria, e fiz algumas artes em forma de colagem. Só faltou imprimir os exemplares.
Ferramentas utilizadas:
Photoshop e Indesign.

Colagem de uma sala largada às traças
Colagem / Revista Curtos Contos

Participei de uma coletânea de contos, onde publiquei alguns textos de minha autoria, e fiz algumas artes em forma de colagem. Só faltou imprimir os exemplares.
Ferramentas utilizadas:
Photoshop e Indesign.

Colagem de um fundo embaçado e na lente do óculos é possível ver pessoas entrando em um ônibus
Colagem / Revista Curtos Contos

Participei de uma coletânea de contos, onde publiquei alguns textos de minha autoria, e fiz algumas artes em forma de colagem. Só faltou imprimir os exemplares.
Ferramentas utilizadas:
Photoshop e Indesign.

Colagem de um rapaz deitado no planeta Terra e pensando em meio ao universo
Colagem / Revista Curtos Contos

Participei de uma coletânea de contos, onde publiquei alguns textos de minha autoria, e fiz algumas artes em forma de colagem. Só faltou imprimir os exemplares.
Ferramentas utilizadas:
Photoshop e Indesign.

Colagem de uma mulher forte carregando um ônibus com o universo ao fundo e um astronauta flutuando
Colagem / Revista Curtos Contos

Participei de uma coletânea de contos, onde publiquei alguns textos de minha autoria, e fiz algumas artes em forma de colagem. Só faltou imprimir os exemplares.
Ferramentas utilizadas:
Photoshop e Indesign.

<currículo>

Profissional

Designer

Software 4u

- Design de produtos;
- UX/UI;
- Testes de plataforma;
- Artes visuais;
- Desenvolvimento Front-end;
- Criação de identidade visual;
- Criação de e-mail marketing;
- Criação de fluxogramas e diagramas;
- Analista de requisitos;
- Pacote Adobe;
- Pacote Office.


Brand Designer

Gedui

- Repaginação e criação de toda a nova identidade visual da Gedui.


Designer e Front-end Dev

Florigatto

- Criação de logotipo e página web da Florigatto.


Suporte técnico em T.I.

W | Technology

- Suporte técnico em T.I.;
- Desenvolvimento Front-end;
- Design de interfaces;
- UX/UI;
- Banco de dados MySQL.


Atendimento ao cliente

Correios

- Venda de produtos e serviços postais;
- Atividades administrativas (planilhas, relatórios, arquivo);
- Operação de sistemas automatizados (SARA);
- Recebimento de títulos e tributos;
- Cálculo de juros;
- Abertura de contas bancárias;
- Atendimento ao cliente.
- Responsável pela tesouraria (cargo de confiança).

Acadêmico

Design e Tecnologia

Alura

- Design de produtos;
- UX/UI;
- Desenvolvimento Front-end;
- Desenvolvimento Back-end;
- Banco de dados MySQL;
- Ilustração;
- Análise de requisitos.


Contos Breves e Literatura

Casa das Rosas

- Literatura;
- Escrita criativa;
- Filosofia;
- Teorias e práticas de escrita.


Design Gráfico

Mackenzie

- Fundamentos do design;
- História do design;
- História da arte;
- Criação de identidade visual;
- Ilustração;
- História em quadrinhos;
- Projetos interdisciplinares.


Artes Visuais

ABRA - Academia Brasileira de Arte

- Ilustração na prancheta e digital;
- Edição de imagens;
- Criação de vetor;
- Criação de Hot Page;
- Conceitos do design;
- Desenhos de observação;
- Desenhos de perspectiv;
- Design de multimídia.


Processamento de Dados

Colégio Fernão Dias Pais

- Lógica de programação;
- Criação de programas;
- Criação de páginas para internet;
- Criação de redes domésticas.


Informática

Microcamp

- História da computação;
- Pacote Office;
- HTML.


Inglês

PBF - Pink and Blue Freedom

Curso de inglês que foi essencial para os dias atuais.

Habilidades

HTML
CSS
JavaScript
Bootstrap
WordPress
Figma
Photoshop
Illustrator
Indesign
PHP
MySQL

Idiomas

Português
Inglês

Estou disponível para novos projetos

Clique aqui

<depoimentos>

Quando tive a oportunidade de pensar sobre a ideia de uma logomarca, já sabia do nome antes mesmo do logo ser traçado. Quando cheguei aos primeiros passos desenhando os traços do logo da Plug Session na minha prancha de surf (praticamente no estilo free-hand), o destino colaborou comigo em inserir na minha vida uma amizade de muito valor, César Fino Gatto. Foi um processo muito rápido de identificação com uma personalidade bem parecida com a minha. A minha sorte foi maior em saber que dentre suas qualificações estava o design gráfico. Portanto, após apresentado o projeto (ou rascunho) do referido logo da Plug Session, em formato de pedido à ele, que, prontamente me atendeu à solicitação com uma enorme criatividade. Praticamente perfeita, pois a visualização digital executada com extrema precisão, era realmente o que minha ideia esperava.

Heitor Gabriel

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque doloribus autem aperiam earum nostrum omnis blanditiis corporis perspiciatis adipisci nihil.

Futuro Cliente
<contato>