Leonardo Santi

UI Designer

Mobile Design

Information Architecture

User Interface Design

Usability Testing

User Flows

User Research

Design Research

Design

UI/UX Design

Wireframing

Prototyping

Figma

Available for hire fromNegotiable

Contracts

Experienced UX/UI Designer and Web Designer proficient in Figma, Design Systems, HTML, and CSS

Hello! I'm Leonardo Santi UI/UX and Web Designer | Experienced in Figma & Framer | Creating Websites and Design Solutions that Enhance User Experiences I am a UI/UX and Web Designer with over 1 year of experience designing e-commerce platforms, mobile applications, and corporate websites. Services I Offer: • Interface Design (UI Design) • Design Systems • Wireframes and Interactive Prototypes • Sitemap and Information Architecture • Card Sorting • Tree Testing • Usability Testing • User Research (Interviews, Surveys, Behavior Analysis) • User Journey and Navigation Flows • Landing Pages • E-commerce Platforms • Corporate Websites • Mobile Applications • Creation of Reusable Components • Heuristic Interface Analysis • Design Documentation and Handoff to Development My Skills and Strengths: •Proficient in Figma for design and prototyping •Experienced in Framer for interactive and dynamic interfaces •Knowledge of HTML, CSS, and JavaScript •Fast and efficient project delivery •Experienced in WordPress and other development platforms •Ability to create consistent, intuitive, and functional design solutions that enhance user experiences I am always seeking new challenges and opportunities to expand my skills in interaction design, user research, and digital product development.

Projects

Notch - Website SaaS

Context Notch is a microservices (SaaS) site for Artificial Intelligence Integration. Its design was conceived in a futuristic and interactive style. Project steps 1. Moodboard After defining the project's objective, I started by creating a mood board. This step serves to gather visual references such as colors, fonts, images, and styles that align with the product's proposal. It's akin to assembling an inspiration board to guide the visual tone of the interface. 2. Wireframe With the references established, I proceeded to the wireframe. At this stage, the focus is not yet on visual appeal, but rather on structure. I created a simple sketch of how the entire layout would be organized, positioning elements such as menus, buttons, images, and text. This helps validate the navigation and logic of the layout before considering the final design. With the assistance of artificial intelligence, I requested it to generate a structure, and from there, I made some adjustments within the layout. 3. UI Design (Layout) Once the wireframe was approved, I began working on the final interface/layout, i.e., the UI Design. In this phase, I applied the colors, typography, and styles defined in the mood board, paying attention to every visual detail to ensure the experience is pleasant, clear, and functional for the user. I also made some final adjustments to finalize the structure to be created. 4. Development With the layout ready, I transitioned to the development stage. Here, I transformed the designs into a website using the Framer tool, as I am very proficient with this tool, implementing the entire proposed layout within the Figma tool, optimizing the entire website, and ensuring the layout remains responsive across different screen sizes.See More

AIVISION website - Artificial Intelligence

Context AIVISION is an artificial intelligence launch page for an institutional website. Its website has a refined finish and CTA (call to action) conversion strategies. The goal of this launch page was to convey reliability and also convert customers. Project Steps 1.Moodboard After defining the project's objective, I started by creating a mood board. This step serves to gather visual references such as colors, fonts, images, and styles that match the product's proposal. It's like putting together an inspiration board to guide the visual tone of the interface. 2. Wireframe With the references defined, I moved on to the wireframe. Here, the focus is not yet on the visual appeal, but rather on the structure. I put together a simple sketch of how the entire layout would be done, positioning elements such as menus, buttons, images, and text. This helps to validate the navigation and logic of the layout before thinking about the final design. With the help of artificial intelligence, I asked it to create a structure, and from there I made some changes within the layout. 3. UI Design (Layout) After the wireframe was approved, I started working on the final interface/layout, i.e., the UI Design. In this part, I applied the colors, typographies, and styles defined in the mood board, taking care of every visual detail to make the experience pleasant, clear, and functional for the user. I also made some final changes to define the final structure to be created.See More

Work History

Web designer freelancer

FreelanceAtuava como Prestador de serviços com criação de sites, eu criava Landing Pages e sites Institucionais para clientes. •Fazia reuniões de alinhamentos do projeto e de briefing para entender mais sobre o serviço; •Criava a estrutura do site e também o layout em busca de melhorias para validação do projeto; •Desenvolvia todo o escopo do projeto proposto.

Designer de interface do usuário

FreelanceProjeto de bebidas alcoólicas: Colaborei na criação de protótipos de média e alta fidelidade, abrangendo desde a etapa de preenchimento de formulários até as telas de formas de pagamento.

Education

Alura

2024 - 2025

FIAP

2024

Similar Pangeans

How Pangea Works

Effortlessly discover top talent

We've distilled the candidate search from endless hours down to just a few minutes. Using Pangea's AI-powered search tools, you can find top fractional talent able to take on your next project. Our system looks at your company's niche and your needs to find the perfect match faster than any traditional hiring platform.

Start working with talent today

The top talent on Pangea is ready to get started with you right now. You can message or hire a candidate right from their profile page and start assigning work as soon as they respond. And the best part? Pangea's fractional contract structure lets you start small and ramp up as your needs change, keeping your costs manageable and your team's capabliities flexible.

Track work and invoices in one place

Assign tasks, track progress, and complete invoices all on Pangea. We've combined every part of the hiring process into one platform to eliminate the miscommunication that's unavoidable on other freelance platforms. We even send out 1099s to your contractors at the end of the year!