Skip to main content
Abstract illustrative image of dots forming a gradient between blue and red. Photo of Gabriel Henrique, with arms crossed and cutout of the image at waist height. Abstract illustrative image of dots forming a gradient between blue and red.

My
projects

About

My name is Gabriel Henrique and I started my journey in technology taking the technical course in Game Programming.
Today I am graduated in Digital Design and every day I am even more interested in the digital world, internet and its connections around it.
My first job was as an intern in Web Designer with a focus on WordPress. Currently work as a Full Front-end Developer focused on SEO and performance.
If you want to get in touch, my social networks are located at the footer of the site, or by e-mail
(gabriel.henrique7087@gmail.com).

Lattes link
Circle icon rotating while loading content.
Screenshot image of the Landing Page 'Don't skip our pains', on the new Buscofem website. Screenshot image for inserting testimonials on Landing Page.

Buscofem

This project was developed during my participation in the Hypera Pharma team in 2023, where the project consisted of developing a landing page on the new Buscofem website, during a campaign with the theme Don't skip our pains. Contains videos of women telling real pain and testimonials inserted by several women. The campaign "Don't skip our pains" was extended in the soap opera "Vai Na Fé", by Globo, on May 25th, through the character Kate.
I was in charge of developing the Front-end and Back-end of the website. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, own CMS, integration with lead capture platform.

Landing Page available at the link buscofem.com.br/nao-pule-nossas-dores

Circle icon rotating while loading content.
Screenshot image of the home page, on the new website of Buscofem. Screenshot image of Buscofem capsules and Buscofem Hot product page. Screen capture image of the Blog page, from the new Buscofem website. Screenshot image of the Frida app page, on the new Buscofem website.

Buscofem

This project was developed during my participation in the Hypera Pharma team in 2023, where the project consisted of remodeling the old Buscofem website, in addition to creating new pages for the blog, tips and application. The pages were from Buscofem, Buscofem Hot, Frida Application, About Ibuprofen, Tips and Blog.
I was in charge of developing the Front-end and Back-end of the website. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, own CMS, integration with lead capture platform.

Website available at the link buscofem.com.br

Circle icon rotating while loading content.
Screenshot image of products page, on the website of Coristina. Screenshot image of Coristina D product page. Screenshot image of the Myths and Truths quiz page. Screenshot image of the How It Works page Coristina D.

Coristina

This project was developed during my participation in the Hypera Pharma team in 2023, where the project consisted of creating a new website for the drug Coristina.
I was in charge of developing the Front-end and Back-end of the site. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, own CMS, integration with lead capture platform.

Website available at the link coristina.com.br

Circle icon rotating while loading content.
Screenshot image of products page, on the website of Eparema.

Eparema

This project was developed during my participation in the Hypera Pharma team in 2022, where the project consisted of creating a new website/landing page for the drug Eparema.
I was in charge of developing the Front-end and Back-end of the site. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, own CMS, integration with lead capture platform.

Website available at the link eparema.com.br

Circle icon rotating while loading content.
Screenshot image of products page, on the website of Nebacetin.

Nebacetin

This project was developed during my participation in the Hypera Pharma team in 2022, where the project consisted of creating a new website/landing page for the drug Nebacetin.
I was in charge of developing the Front-end and Back-end of the site. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, own CMS, integration with lead capture platform.

Website available at the link nebacetin.com.br

Circle icon rotating while loading content.
Screenshot image of products page, on the website of Neosa. Screenshot image of Neosa DIP product page, on the website Neosa. Screenshot image of drops calculator page. Screenshot image of popup to find product prices at the pharmacy (GetPrice). Screenshot image of products compare page. Screenshot image of No Headache blog.

Neosaldina

This project was developed during my participation in the Hypera Pharma team in 2022, where the project consisted of creating a new website for the drug Neosaldina.
I was in charge of developing the Front-end and Back-end of the site. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, own CMS, integration with lead capture platform.

Website available at the link neosaldina.com.br

Circle icon rotating while loading content.
Leads form page screenshot of Coristina. Live page screenshot of Coristina. Live page screenshot of Coristina.

Coristina - Pocket Show

This project was developed during my participation in the Hypera Pharma team in 2022, where the project consists of creating a landing page to capture new leads and public access to the live of Gloria Groove's show, held at Neo Química Arena on 08/19/2022.
I was responsible for developing the Front-end and Back-end of the site. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, integration with lead capture platform.

Circle icon rotating while loading content.
Screenshot image of the home page, on the website of Buscofem. Product page screenshot of Buscofem. Product page screenshot of Buscofem Hot. Screenshot image of the Tips page on the website of Buscofem.

Buscofem

This project was developed during my participation in the Hypera Pharma team in 2022, where the project consisted of creating new pages to Buscofem website. The pages were Buscofem, Buscofem Hot and Frida's app.
I was in charge of developing the Front-end and Back-end of the site. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, own CMS, integration with lead capture platform.

Website available at the link buscofem.com.br

Circle icon rotating while loading content.
Screenshot image of the home page, on the website of Buscopan. Screenshot image of the products page on the website of Buscopan. Screenshot image of the drops calculator page, on the Buscopan website. Screenshot image of the comparison page between the products on the Buscopan website.

Buscopan

This project was developed during my participation in the Hypera Pharma team in 2022, where the project consisted of creating a new website for the drug Buscopan.
I was in charge of developing the Front-end and Back-end of the site. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, own CMS, integration with lead capture platform.

Website available at the link buscopan.com.br

Circle icon rotating while loading content.
Screenshot image of the home page, on the website of Neo Química. Screenshot image of the Generic products page on the Neo Química website. Screenshot image of the news page on the Neo Química website. Screenshot image of the pharmacy professionals page on the Neo Química website.

Neo Química

This project was developed during my participation in the Hypera Pharma team in 2022, where the project consisted of creating a new website for the pharmaceutical brand Neo Química.
I was in charge of developing the Front-end and Back-end of the site. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, Ajax, own CMS, Isotope.js, integration with lead capture platform.

Website available at the link neoquimica.com.br

Circle icon rotating while loading content.
Screenshot image of the home page, on the website of Tamarine. Screenshot of the Gut Health page on Tamarine's website. Product page screenshot of Tamarine Geléia, on Tamarine's website. Screenshot image of the Recipes page, on Tamarine's website.

Tamarine

This project was developed during my participation in the Hypera Pharma team in 2021, where the project consisted of creating a new website for the drug Tamarine.
I was in charge of developing the Front-end and Back-end of the site. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery, WordPress, Isotope.js, integration with platform for capturing leads.

Website available at the link tamarine.com.br

Circle icon rotating while loading content.
Screenshot of the Test Your Vitamin D page on the Addera website. Screenshot image of the Quiz page on the Addera website. Product page screenshot of Addera D3 Comprimido 1000UI, on the Addera website. Screenshot image of blog page, on the Addera website.

Addera

This project was developed during my participation in the Hypera Pharma team in 2021, where the project consisted of creating a new website for the drug Addera.
I was in charge of developing the Front-end and Back-end of the site. Technologies such as HTML, JS, CSS, Sass, PHP, Bootstrap, jQuery and WordPress.

Website available at the link addera.com.br

Circle icon rotating while loading content.

Accessibility and Usability

The lecture Accessibility and Usability in Digital Design was held in 2020, during the WordCamp SP 2020 event. An introduction to Accessibility was addressed, as found in Brazil, for whom we are accessible, Digital Inclusion, in addition to practices accessible on the web, some Usability concepts and the relationship between WordPress and Accessibility.

You can view the video recorded live on the day of the lecture through this link.

Talk slides are available next toRight below:

Circle icon rotating while loading content.

Afronte

This project was created during the 6th semester of the Digital Design graduation at Universidade Anhembi Morumbi, by the Afronte group in 2018. The project emerged as an alternative to the security of the black woman in Brazil. Where would be developed wearable accessories with technologies that provide the location of the woman, even a contact by direct message or call to the Women's Police Station.
During the project, research was carried out for the analysis and creation of the project proposal. As As a result, the visual part of the project was created, containing moodboard, iconography, color palette, typography, wireframe, wireflow and app layout. In addition to the conceptual part and research results like personas and user journey.
The accessory was created with Arduino, integrating with the application developed with the MIT App Inventor.

Lecture slides are available next tosoon below:

Circle icon rotating while loading content.
Screenshot image of the home page, on the website of Integração. Screenshot image of The Integration (about) page on the Integration site.

Integração

Participated in the Front-end and Back-end development stages of this website, during the services provided for Haste Design in the year 2020.
The design steps were carried out by the agency Gotcha!
Technologies such as WordPress, custom theme creation, plugin creation custom, webshop with WooCommerce, Sass, Bootstrap, Swiper Slider, HTML, CSS, JavaScript and PHP. Structures such as responsive grids and sliders were used, as well as animations and interactions with some components.

Website available at the link integracao.com.br

Circle icon rotating while loading content.

Mural

This project was created during the 8th semester of the Digital Design graduation at Universidade Anhembi Morumbi, by the Mural group in 2019, as TCC of the course. The project emerged as a methodology that would aggregate the teaching of history in schools in Brazil.
During the project, research was carried out for the analysis and creation of the project proposal. As As a result, the visual part of the project was created, containing moodboard, iconography, color palette, typography, wireframe, wireflow and app layout. In addition to the conceptual part and research results like personas and user journey.
Pieces were created such as a scientific poster, an animation explaining the project and its products, a Canvas containing the project's business model, a web platform to provide the app, where it is currently only available for Android (under development). the platform web was created using the WordPress platform and the application was created using the Apache platform Cordova, HTML, CSS, JavaScript, plus Firebase database integration.

Lecture slides are available nexto tosoon below:

Circle icon rotating while loading content.

Interaction
Human-Computer

Scientific Initiation held in 2019, during the Digital Design graduation by Anhembi Morumbi University. During the Scientific Initiation, research and analysis were carried out with the advisor Suzete Venturelli, where one can delve deeper into the relationship between Usability and Accessibility in Digital Design, starting with the Human-Computer Interaction theme.

This Initiation was presented at the 19th CONIC SEMESP event, held at Anhembi University Morumbi. Below are the slides used in the presentation.

Lecture slides are available next toright below:

Circle icon rotating while loading content.
Wireframe image of the home page, on the Master Magazine website. Image of the layout of the home page, on the Master Magazine website. Image of the layout of the page of the Judo category by Post, on the Master Magazine website. Image of the layout of the Old Editions page, on the Master Magazine website.

Master Magazine

This project was developed during a freelance in 2019, where the research and creation was carried out the visual part of the site, in addition to its development.
The project aims to create a new website for Revista Master, focused on of martial arts. After the stages of research, analysis and demonstrations for the client, it was in the layout result.
From this, the site was developed on the WordPress platform, integrating its social networks, chat with WhatsApp, Newsletter and ad management between the news.

Website available at the link revistamaster.com.br

Circle icon rotating while loading content.
Image of the home page, on the Brunch website. Image of the services page on the Brunch website. Image of the services page on the Brunch website. Image of the services page on the Brunch website.

Brunch - Creators agency

This project was developed during the services provided to Haste Design in 2019, where only the development of the website was carried out.
Technologies such as WordPress, custom theme creation, Sass, Bootstrap, Owl Carousel 2, HTML, CSS and PHP were used.
Frameworks such as grids and responsive sliders were used during development.

Website available at the link brunch.ag

Circle icon rotating while loading content.
Image of the home page, on the Cerqueira Leite Foundation website. Image of the projects page, on the Cerqueira Leite Foundation website. Image of the social report page on the Cerqueira Leite Foundation website. Image of the event page (blog), on the Cerqueira Leite Foundation website.

Cerqueira Leite Foundation

This project was developed during the services provided to Haste Design in 2019, where the stages of design, visual creation of the website and website development were carried out.
Technologies such as WordPress, custom theme creation, Sass, Bootstrap, Owl Carousel 2, HTML, CSS and PHP were used.
Frameworks such as responsive grids were used during development.

Website available at the link fundacaocerqueiraleite.org.br

Circle icon rotating while loading content.
Screenshot image of the treatments section on Priscila Kiguchi's website. Image taken from the post carousel section on Priscila Kiguchi's website. Capture image of the treatments section, on Priscila Kiguchi's website.

Priscila Kiguchi
– microphysiotherapy

This website was developed during the services provided to Haste Design in 2018.
Technologies such as WordPress, custom theme creation, Sass, Bootstrap, Owl were used Carousel 2, HTML, CSS and PHP.
Frameworks such as grids and responsive sliders were used during development.

Website available at the link priscilakiguchi.com.br/