Logo

Hi, I`m Leonardo Andrade

Art Direction & Front-end Developer

I have worked on several advertising and front-end projects, ranging from small businesses to nationally recognized brands. This practical experience allowed me to develop skills that help me create efficient and effective solutions.

01 / 03
Front-end

Front-end

Branding

Branding

Diretor de Arte

Art Director

Illustrator

Illustrator

Photoshop

Photoshop

Motion

Motion

My Expertise

I transform ideas into design and digital experiences,
combining creativity, strategy, and front-end development.

Art Direction

Responsible for defining the visual concept and aesthetics of a project, ensuring consistency and impact in communication.

Branding

Brand building and management strategies that strengthen identity, recognition and market positioning.

Front-End

Development of modern web interfaces focused on performance, responsiveness and best coding practices.

Interfaces

Structure and visual organization of web pages and applications, focused on usability and user experience.

Visual Identity

A system of visual elements that represent and communicate the essence of a brand or product.

Motion Graphics

Animated visual elements that bring motion and dynamism to digital communication.

Hello, nice to meet you 👋🏻

Leonardo Andrade

Art Director & Front-end Developer

I am a graphic designer with a technical background and I work developing interfaces as a front-end developer. My experience in design combined with coding skills allows me to create digital solutions that combine aesthetics, functionality and user experience.

Passionate about what I do, I found in my work not only a profession but also my main hobby.

+7 years of experience

Developer

Graphic Designer

Art Director

Motion Design

My Cases

Eleven B2B

HTML

CSS

JS

Development of an institutional website for the company Eleven B2B, focused on presenting corporate solutions and products for incentive campaigns and reward programs. The project prioritizes clear communication, a responsive structure, and a navigation experience designed for a corporate audience.

Duby Landing Page

HTML

CSS

JS

Landing page developed to showcase a fictional digital product, focused on conversion and UI/UX best practices. The project explores visual hierarchy, strategic sections, and a responsive layout to improve the user experience.

Pokemon Case Study

HTML

CSS

JS

Web application that consumes the PokéAPI to list and display detailed information about Pokémon. The project demonstrates API integration, data manipulation, and the creation of dynamic interfaces using JavaScript.

Blog Case Study

HTML

CSS

JS

Blog project created to practice content structuring, editorial layout, and responsive design. The focus of this case is on information organization, typography, and the reading experience across different devices.

Blizzard Case Study

HTML

CSS

JS

Landing page inspired by Blizzard’s visual universe, exploring modern design, immersive sections, and striking visual elements. The project highlights layout techniques, responsiveness, and attention to detail in the interface.

God of War Case Study

HTML

CSS

JS

A themed page inspired by the game God of War, focused on creating an impactful visual experience based on the game's aesthetic. The project emphasizes immersive design, strong imagery, and a modern layout structure.