Pular para conteúdo principal da página
Imagem ilustrativa abstrata de pontinhos formando degradê entre azul e vermelho. Foto do Gabriel Henrique, com braços cruzados e recorte da imagem na altura da cintura. Imagem ilustrativa abstrata de pontinhos formando degradê entre azul e vermelho.

Meus
projetos

Sobre

Meu nome é Gabriel Henrique e comecei minha jornada em tecnologia fazendo o curso técnico de Programação de Jogos.
Hoje sou formado em Design Digital e a cada dia me interesso ainda mais pelo mundo digital, pela internet e suas conexões em volta.
Meu primeiro emprego foi como estagiário em Web Designer com foco em WordPress. Atualmente trabalho como Desenvolvedor Front-end Pleno com foco em SEO e performance.
Caso queira entrar em contato, minhas redes sociais estão localizadas no rodapé do site, ou por email
(gabriel.henrique7087@gmail.com).

Link para Lattes
Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da Landing Page 'Não pule nossas dores', no novo site de Buscofem. Imagem de captura de tela para inserir depoimentos na Landing Page.

Buscofem

Esse projeto foi desenvolvido durante minha participação na equipe da Hypera Pharma em 2023, onde o projeto consistia em desenvolver uma landing page no novo site de Buscofem, durante uma campanha com o tema Não pule nossas dores. Contém vídeos de mulheres contando dores reais e depoimentos inseridos pro várias mulheres. A campanha "Não pule nossas dores" foi extendida na novela "Vai Na Fé", da Globo, no dia 25 de Maio, por meio da personagem Kate.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, CMS próprio, integração com plataforma para captação de leads.

Landing page disponível no link buscofem.com.br/nao-pule-nossas-dores

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página inicial, no novo site de Buscofem. Imagem de captura de tela da página de produtos Buscofem cápsulas e Buscofem Hot. Imagem de captura de tela da página do Blog, do novo site de Buscofem. Imagem de captura de tela da página do aplicativo Frida, no novo site de Buscofem.

Buscofem

Esse projeto foi desenvolvido durante minha participação na equipe da Hypera Pharma em 2023, onde o projeto consistia em remodelar o antigo site de Buscofem, além de criar novas páginas para blog, dicas e aplicativo. As páginas foram de Buscofem, Buscofem Hot, Aplicativo Frida, Sobre Ibuprofeno, Dicas e Blog.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, CMS próprio, integração com plataforma para captação de leads.

Site disponível no link buscofem.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página de produtos, no site de Coristina. Imagem de captura de tela da página do produto Coristina D. Imagem de captura de tela da página de quiz mitos e verdades. Imagem de captura de tela da página como funciona Coristina D.

Coristina

Esse projeto foi desenvolvido durante minha participação na equipe da Hypera Pharma em 2023, onde o projeto consistia em criar um novo site para o medicamento Coristina.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, CMS próprio, integração com plataforma para captação de leads.

Site disponível no link coristina.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página inicial, no site de Eparema.

Eparema

Esse projeto foi desenvolvido durante minha participação na equipe da Hypera Pharma em 2022, onde o projeto consistia em criar um novo site/lading page para o medicamento Eparema.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, CMS próprio, integração com plataforma para captação de leads.

Site disponível no link eparema.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página inicial, no site de Nebacetin.

Nebacetin

Esse projeto foi desenvolvido durante minha participação na equipe da Hypera Pharma em 2022, onde o projeto consistia em criar um novo site/lading page para o medicamento Nebacetin.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, CMS próprio, integração com plataforma para captação de leads.

Site disponível no link nebacetin.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página de produtos, no site de Neosa. Imagem de captura de tela da página do produto Neosa DIP. Imagem de captura de tela da página de calculador de gotas. Imagem de captura de tela do popup de encontrar preços dos produtos na farmácia (GetPrice). Imagem de captura de tela da página de comparação entre os produtos Neosa e Neosa DIP. Imagem de captura de tela da página do blog Sem Dor de Cabeça.

Neosaldina

Esse projeto foi desenvolvido durante minha participação na equipe da Hypera Pharma em 2022, onde o projeto consistia em criar um novo site para o medicamento Neosaldina.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, CMS próprio, integração com plataforma para captação de leads.

Site disponível no link neosaldina.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página de captura de leads, na Landing Page de Coristina. Imagem de captura de tela da página da live, com o formulário de validação de email. Imagem de captura de tela da página da live.

Coristina - Pocket Show

Esse projeto foi desenvolvido durante minha participação na equipe da Hypera Pharma em 2022, onde o projeto consistia em criar uma landing page para captura de novos leads e acesso público à live do show da Gloria Groove, realizada na Neo Química Arena em 19/08/2022.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, integração com plataforma para captação de leads.

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página inicial, no site de Buscofem. Imagem de captura de tela da página do produto Buscofem. Imagem de captura de tela da página do produto Buscofem Hot. Imagem de captura de tela da página de Dicas, no site de Buscofem.

Buscofem

Esse projeto foi desenvolvido durante minha participação na equipe da Hypera Pharma em 2022, onde o projeto consistia em criar novas páginas no site de Buscofem. As páginas foram de Buscofem, Buscofem Hot e Aplicativo Frida.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, CMS próprio, integração com plataforma para captação de leads.

Site disponível no link buscofem.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página inicial, no site de Buscopan. Imagem de captura de tela da página de produtos, no site de Buscopan. Imagem de captura de tela da página de calculadora de gotas, no site de Buscopan. Imagem de captura de tela da página de comparação entre os produtos, no site de Buscopan.

Buscopan

Esse projeto foi desenvolvido durante minha participação na equipe da Hypera Pharma em 2022, onde o projeto consistia em criar um novo site para o medicamento Buscopan.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, CMS próprio, integração com plataforma para captação de leads.

Site disponível no link buscopan.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página inicial, no site de Neo Química. Imagem de captura de tela da página de produtos Genéricos, no site de Neo Química. Imagem de captura de tela da página de notícias, no site de Neo Química. Imagem de captura de tela da página de profissionais da farmácia, no site de Neo Química.

Neo Química

Esse projeto foi desenvolvido durante minha participação na equipe da Hypera Pharma em 2022, onde o projeto consistia em criar um novo site para a marca de farmacêuticos Neo Química.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, CMS próprio, Isotope.js, integração com plataforma para captação de leads.

Site disponível no link neoquimica.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página inicial, no site de Tamarine. Imagem de captura de tela da página Saúde do Instestino, no site de Tamarine. Imagem de captura de tela da página do produto Tamarine Geléia, no site de Tamarine. Imagem de captura de tela da página de Receitas, no site de Tamarine.

Tamarine

Esse projeto foi desenvolvido durante minha participação na equipe da Hypera Pharma em 2021, onde o projeto consistia em criar um novo site para o medicamento Tamarine.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, WordPress, Isotope.js, integração com plataforma para captação de leads.

Site disponível no link tamarine.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página Teste sua vitamina D, no site de Addera. Imagem de captura de tela da página Quiz, no site de Addera. Imagem de captura de tela da página do produto Addera D3 Comprimido 1000UI, no site de Addera. Imagem de captura de tela da página do blog, no site de Addera.

Addera

Esse projeto foi desenvolvido durante minha participação da equipe da Hypera Pharma em 2021, onde o projeto consistia em criar um novo site para o medicamento Addera.
Fiquei encarregado de desenvolver o Front-end e Back-end do site. Foram utilizados tecnologias como HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery e WordPress.

Site disponível no link addera.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.

Acessibilidade e Usabilidade

A palestra Acessibilidade e Usabilidade em Design Digital foi realizada no ano de 2020, durante o evento WordCamp SP 2020. Foi abordado uma introdução sobre Acessibilidade, como se encontra no Brasil, para quem somos acessíveis, Inclusão Digital, além de práticas acessíveis na web, alguns conceitos de Usabilidade e a relação entre WordPress e Acessibilidade.

É possível ver o vídeo gravado ao vivo no dia da palestra por esse link.

Os slides da palestra estão disponíveis ao ladologo abaixo:

Ícone de círculo rodando enquanto carrega o conteúdo.

Afronte

Esse projeto foi criado durante o 6º semestre da graduação de Design Digital da Universidade Anhembi Morumbi, pelo grupo Afronte no ano de 2018. O projeto surgiu como uma alternativa à segurança da mulher negra no Brasil. Onde seria desenvolvido acessórios vestíveis com tecnologias que disponibilizariam a localização da mulher, até um contato por mensagem direta ou ligação para a Delegacia da Mulher.
Durante o projeto foram realizadas pesquisas para a análise e criação da proposta do projeto. Como resultado foram criadas a parte visual do projeto contendo moodboard, iconografia, paleta de cores, tipografia, wireframe, wireflow e layout do app. Além da parte conceitual e resultados das pesquisas como personas e jornada do usuário.
O acessório foi criado com o Arduino, integrando com o aplicativo desenvolvido com o MIT App Inventor.

Os slides da palestra estão disponíveis ao ladologo abaixo:

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da página inicial, no site de Integração. Imagem de captura de tela da página A Integração (sobre), no site de Integração.

Integração

Participei das etapas de desenvolvido Front-end e Back-end deste site, durante os serviços prestados para a Haste Design no ano de 2020.
As etapas de Design foram realizadas pela agência Gotcha!
Foram utilizadas tecnologias como WordPress, criação de tema personalizado, criação de plugin personalizado, loja virtual com WooCommerce, Sass, Bootstrap, Swiper Slider, HTML, CSS, JavaScript e PHP. Foram usadas estruturas como grids e sliders responsivos, além de animações e interações com alguns componentes.

Site disponível no link integracao.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.

Mural

Esse projeto foi criado durante o 8º semestre da graduação de Design Digital da Universidade Anhembi Morumbi, pelo grupo Mural no ano de 2019, como TCC do curso. O projeto surgiu como uma metodologia que agregaria o ensino de história em escolas no Brasil.
Durante o projeto foram realizadas pesquisas para a análise e criação da proposta do projeto. Como resultado foram criadas a parte visual do projeto contendo moodboard, iconografia, paleta de cores, tipografia, wireframe, wireflow e layout do app. Além da parte conceitual e resultados das pesquisas como personas e jornada do usuário.
Foram criadas peças como um poster científico, uma animação explicando o projeto e seus produtos, um Canvas contendo o modelo de negócios do projeto, uma plataforma web para disponibilizar o aplicativo, onde no momento está disponível apenas para Android (em desenvolvimento). A plataforma web foi criada usando a plataforma WordPress e o aplicativo foi criado usando a plataforma Apache Cordova, HTML, CSS, JavaScript, além da integração com o banco de dados Firebase.

Os slides da palestra estão disponíveis ao ladologo abaixo:

Ícone de círculo rodando enquanto carrega o conteúdo.

Interação
Humano-Computador

Iniciação Científica realizada no ano de 2019, durante a graduação de Design Digital pela Universidade Anhembi Morumbi. Durante a Iniciação Científica foram realizadas pesquisas e análises com a orientadora Suzete Venturelli, onde pode-se aprofundar sobre a relação da Usabilidade e Acessibilidade no Design Digital, iniciando pelo tema Interação Humano-Computador.

Essa Iniciação foi apresentada no evento 19º CONIC SEMESP, realizado na Universidade Anhembi Morumbi. Segue abaixo os slides usados na apresentação.

Os slides da palestra estão disponíveis ao ladologo abaixo:

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem do wireframe da página inicial, no site da Revista Master. Imagem do layout da página inicial, no site da Revista Master. Imagem do layout da página da categoria de Judô de Post, no site da Revista Master. Imagem do layout da página Edições antigas, no site da Revista Master.

Revista Master

Esse projeto foi desenvolvido durante um freelance em 2019, onde foi realizada a pesquisa e criação da parte visual do site, além do desenvolvimento do mesmo.
O projeto tem como objetivo a criação de um novo site para a Revista Master, focada em modalidades de artes marciais. Após as etapas de pesquisas, análises e demonstrações para a cliente, chegou-se no resultado do layout.
A partir disso foi-se desenvolvido o site na plataforma WordPress, integrando suas redes sociais, chat com WhatsApp, Newsletter e gerenciamento de anúncios entre as notícias.

Site disponível no link revistamaster.com.br

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem da página inicial, no site da Brunch. Imagem da página de serviços, no site da Brunch. Imagem da página de serviços, no site da Brunch. Imagem da página de serviços, no site da Brunch.

Brunch - agência de creators

Esse projeto foi desenvolvido durante os serviços prestados para a Haste Design no ano de 2019, onde foi realizado somente o desenvolvimento do site.
Foram utilizadas tecnologias como WordPress, criação de tema personalizado, Sass, Bootstrap, Owl Carousel 2, HTML, CSS e PHP.
Foram usadas estruturas como grids e sliders responsivos durante o desenvolvimento.

Site disponível no link brunch.ag

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem da página inicial, no site da Fundação Cerqueira Leite. Imagem da página de projetos, no site da Fundação Cerqueira Leite. Imagem da página de balanço social, no site da Fundação Cerqueira Leite. Imagem da página de acontece (blog), no site da Fundação Cerqueira Leite.

Fundação Cerqueira Leite

Esse projeto foi desenvolvido durante os serviços prestados para a Haste Design no ano de 2019, onde foi realizado as etapas de design, criação visual do site e o desenvolvimento do site.
Foram utilizadas tecnologias como WordPress, criação de tema personalizado, Sass, Bootstrap, Owl Carousel 2, HTML, CSS e PHP.
Foram usadas estruturas como grids responsivos durante o desenvolvimento.

Site disponível no link fundacaocerqueiraleite.org.br

Ícone de círculo rodando enquanto carrega o conteúdo.
Imagem de captura de tela da seção de tratamentos, no site da Priscila Kiguchi. Imagem de captura da seção de carrossel de posts, no site da Priscila Kiguchi. Imagem de captura da seção de tratamentos, no site da Priscila Kiguchi.

Priscila Kiguchi
– microfisioterapia

Esse site foi desenvolvido durante os serviços prestados para a Haste Design no ano de 2018.
Foram utilizadas tecnologias como WordPress, criação de tema personalizado, Sass, Bootstrap, Owl Carousel 2, HTML, CSS e PHP.
Foram usadas estruturas como grids e sliders responsivos durante o desenvolvimento.

Site disponível no link priscilakiguchi.com.br/