UX | UI Designer & Front-end Developer
UX | UI Designer & Front-end Developer
I’m a Front-end Developer and UI/UX Designer, holding a degree in Design with a focus on digital media from PUC-RJ and a postgraduate degree in Interaction Design. With nearly 10 years of experience, I have extensive knowledge in web design and development technologies.
Bachelor in Design with specialization in Digital Media from PUC-Rio and MBA in Interaction Design.
Download ResumePrevious experience sectors
Real Estate
2 years and 5 months
Development of sales and lead capture hotsites
Front-end design and development of CRM customer management system
Front-end design and development of instant messaging system
Education
1 year
Development of sales and lead capture hotsites
Websites Development for various sectors of the educational group
Design of institutional graphic materials
Banking
1 year and 9 months
Project and development of the company's intranet
Design and development of the institutional website
Deisgn of graphic materials for internal campaigns
Legal
3 years, 6 months, and counting
Front-end design and development of systems
Creation of hotsites for the presentation of legal defenses
Maintenance and creation of the office's websites
Automation of process notifications by email
Feb 24
Web Sites
Crafting a Law Firm Website with Webflow
Jul 23
Web Apps
Videos App
Feb 23
Web Apps
Laws App
Nov 22
Landing Pages
Landing Pages Plataform
Nov 21
Web Apps
Dashboard Business Inteligence
Jan 21
Landing Pages
Websites and Landing Pages for legal disputes
Nov 16
Web Apps
Instant Messaging System for Brokers and Clients
Feb 16
Web Apps
Property Management System
Dec 15
Web Sites
Web Site Patrimóvel Real State
2009-2014
Bachelor's Degree in Digital Design and Multimedia
Pontifícia Universidade Católica do Rio de Janeiro
Activities and groups: Project development, case studies, creation, and solutions in digital environments.
Undergraduate program with a focus on designing solutions to solve problems. Graduates are well-prepared to work on complex projects that require creative ability and objectivity.
2018-2019
Master of Business Administration - MBA, Interaction Design
XP Educação
Activities and groups: UX Design, UI Design, Design Thinking, Interface Design, Consumer Behavior.
Specializing in industry practices in the research, design, prototyping, and evaluation of interactive interfaces, aiming to enhance the user experience for the commercial success of software.
Supplementary courses
Caelum
Nov. 2019
40h
Alura
Sep. 2018
10h
Licks Attorneys
UI Designer | Front-end Dev
Interface design and front-end development of websites and systems. Automation design with Microsoft Automate and portal creation with Power Pages + Office 365.
Modal Bank
Web Designer | Front-end Dev
Interface design and front-end programming for internal websites and systems. Design of graphic materials for web publication.
Unigranrio University
Web Designer | Front-end Dev
Development and maintenance of websites. Defining navigation flows and hierarchy, creating low and highfidelity prototypes, interface design and front-end development. Creating marketing emails, banners, and other web advertising assets.
Patrimóvel Real Estate
UI Designer | Front-end Dev
Graphic interface design projects and front-end development for the company's real estate systems and websites. Designing hotsites and landing pages for promoting real estate projects and customer acquisition.
Pixfólio
Front-end development intern
Front-end development of websites using HTML, CSS, and JQuery.
Front-end
JavaScript
JQuery
Angular JS
VUE JS
HTML
CSS
Wordpress | PHP
Webflow
Design
Figma
Photoshop
Illustrator
Adobe XD
General knowledge
Javascript Libraries
Usability
Design Paterns
Information Architecture
Scrum
Microsoft Power Automate
Microsoft Power Pages
Prototyping
User Testing
JSON
MYSQL
CSS Pre-processors
Description
The website development project for Patrimóvel was an exciting opportunity to merge my web design skills with the company’s need to provide an intuitive online platform for clients searching for real estate. Patrimóvel is a renowned player in the real estate market, and the website we created aimed to make property search, analysis, and contacting the company for buying or renting properties a breeze.
The Patrimóvel website was designed to offer users a more efficient and personalized property search experience. We implemented an advanced filtering system that allows clients to refine their searches based on criteria such as location, property type, and more. Additionally, we created a user-friendly and intuitive interface for easy property viewing and access to detailed information.
Key Features:
Introduction
Patrimóvel Real State The website development project for Patrimóvel was an exciting opportunity to merge my web design skills with the company’s need to provide an intuitive online platform for clients searching for real estate. Patrimóvel is a renowned player in the real estate market, and the website we created aimed to make property search, […]
05/12/2015
Front-end technologies used
CSS
HTML
Javascript
JQuery
Description
To keep company informations security, i used only two screens in this portfolio.
Introduction
To keep company informations security, i used only two screens in this portfolio.
09/02/2016
Front-end technologies used
CSS
HTML
Javascript
JQuery
Description
In 2016, we developed a system that enabled instant communication between brokers and clients, significantly enhancing the user experience by allowing them to resolve doubts and questions directly with experts. The primary goal of this project was to provide a fast and effective means of interaction between brokers and clients seeking information.
The chat system we built facilitated a seamless integration between the company’s website and the messaging tool, resulting in more accurate sales metrics and more efficient control of client distribution and management internally.
Introduction
System enabling instant communication between brokers and clients, enhancing the user experience by directly addressing inquiries. The project’s main aim was to provide efficient interaction for clients seeking information, achieved through seamless website-chat integration, yielding more accurate sales metrics and improved client management.
08/11/2016
Front-end technologies used
CSS
HTML
Javascript
JQuery
Description
We develop websites and landing pages in Webflow with the purpose of presenting our clients’ legal defense in an organized and strategic manner. Due to the sensitive nature of the information involved, these pages are password-protected to ensure the privacy and security of the content. At the time of publishing this portfolio, we had already launched more than 50 of these sites, each meticulously designed to support our clients’ legal cases. Below, you will find a selection of images illustrating some of these case pages.
Introduction
We develop websites and landing pages in Webflow with the purpose of presenting our clients’ legal defense in an organized and strategic manner. Due to the sensitive nature of the information involved, these pages are password-protected to ensure the privacy and security of the content. At the time of publishing this portfolio, we had already […]
29/01/2021
Front-end technologies used
CSS
HTML
Webflow
Description
In this project, I had the privilege to be part of an exciting job that combined the creation of intuitive user interfaces with modern technologies. The challenge was clear: to create customized informative dashboards for clients, each with secure access to their own control panel, where they could monitor and analyze essential data related to their patent orders.
Goal and Challenges
The goal of this project was to provide clients with a unique and information-rich experience, enabling them to quickly access and understand the status of their patent orders and other relevant information. Additionally, we aimed to enhance efficiency and transparency in managing these processes. The challenges were diverse, including:
Solution
To address these challenges, we chose to use modern technologies that provided flexibility and efficiency.
Project Screens:
NOTE: As this is a project with ultra-sensitive information, the screens are blurred to protect client confidentiality.
Introduction
In this project, I had the privilege to be part of an exciting job that combined the creation of intuitive user interfaces with modern technologies. The challenge was clear: to create customized informative dashboards for clients, each with secure access to their own control panel, where they could monitor and analyze essential data related to […]
27/11/2021
Front-end technologies used
CSS
HTML
Javascript
VUE JS
Description
In this comprehensive project, developed within the Microsoft 365 environment, our main goal was to create a dedicated space for the construction of highly customized pages, accessible exclusively to registered clients and stakeholders who use login credentials. Additionally, all company employees were able to log in with their Single Sign-On (SSO) credentials. The focus on the user experience is evident in the user-friendly interface, making navigation intuitive and efficient.
A notable aspect of this project was the incorporation of the Liquid language, which was essential for customizing pages and creating highly relevant experiences for each client. Learning and implementing this new language was a challenge due to the limited time available.
In summary, this project exemplifies my ability to combine UX design principles with technical front-end development skills, while also showcasing my capacity for rapid learning.
Here’s an example of a page developed on the platform. At the time of creating this portfolio, the platform had 14 hotsites developed.
NOTE: As these pages contain confidential information, the data has been blurred to ensure the confidentiality of certain details. Since the majority of the pages consist of 100% confidential information, it is not possible to provide a wide range of examples.
Introduction
In this comprehensive project, developed within the Microsoft 365 environment, our main goal was to create a dedicated space for the construction of highly customized pages, accessible exclusively to registered clients and stakeholders who use login credentials. Additionally, all company employees were able to log in with their Single Sign-On (SSO) credentials. The focus on […]
29/11/2022
Front-end technologies used
CSS
HTML
Javascript
JQuery
Liquid
Description
This project stood out for its agile and efficient approach, driven by the need for a quick delivery.
With an accelerated timeline, we opted for a lean research phase that allowed us to act swiftly, gaining valuable insights.
Instead of traditionally going through the stages of low and high-fidelity prototyping, we went directly to the beta version of the application. This approach allowed us to test, iterate, and refine the user experience in a real environment from the outset, saving time and ensuring the application was quickly available to our users.
At the time of creating this portfolio, the application was in production in version 1.0.
Introduction
Elaborado dentro da organização da Licks Attorneys, este projeto foi concebido com o propósito de satisfazer uma necessidade interna de consolidar e centralizar as diversas leis que desempenham um papel essencial no cotidiano da empresa e de seus advogados.
22/02/2023
Front-end technologies used
CSS
HTML
JQuery
Description
Research and Discovery Stage
We started the project by conducting research to understand user needs and pain points. This stage was crucial in gaining valuable insights that shaped the course of the project. We conducted interviews and competitor analysis to gain a comprehensive understanding of user demands.
User-Centered Design
Based on the feedback collected in the research stage, we initiated user-centered design. I created wireframes and high-fidelity prototypes to iterate quickly on solutions, considering the user experience at every stage and incorporating modern and effective design elements, ensuring a user-friendly and pleasant interface.
Validation and Continuous Feedback
Once we had the high-fidelity prototypes in hand, we conducted usability tests with actual users to ensure that the application met their expectations. Iterations based on continuous feedback were essential to refine the interface and improve usability
Beta Version Developmment
After the validation of the prototypes, the development team sprang into action to create the beta version of the application. As a front-end developer, I was responsible for translating the design into functional code. I utilized modern technologies and best practices to ensure solid performance and a consistent user experience.
New Tests in Beta Version
With the Beta version in production, we initiated a new round of usability testing. We identified the need to make essential modifications to further simplify the application and significantly enhance search filters. This was made possible through production testing, which provided us with valuable insights and a deeper understanding of the actual user demands. Based on these results, we implemented improvements to ensure that the application provided an even more efficient and intuitive experience.
Final Results
At the time of creating this portfolio, the application was in production in version 1.0.
Introduction
Desenvolvido na empresa Licks Attorneys, este projeto teve como objetivo atender uma demanda interna de organização e controle dos vídeos produzidos, pois ja eram muitos e estavam em constante crescimento, tornando complicado tanto para quem gerenciava quanto para os demais funcionários que utilizavam os vídeos.
10/07/2023
Front-end technologies used
Angular JS
CSS
HTML
Javascript
Description
Design
In the design process, I prioritized creating a sober and professional interface, aligned with the image of a law firm that values technology while maintaining a sense of seriousness. The layout was conceived to provide an intuitive and efficient browsing experience, reflecting the firm’s commitment to offering high-quality legal services in an accessible and modern manner.
Development:
The development part was where I could truly bring the design to life. I used Webflow’s powerful visual development environment to translate the layouts and design elements into functional code. To achieve the project’s objectives, I needed to utilize integrations with external tools, such as Zapier, to manage the flows and automations of contact forms, and Finsweet libraries to create filters and enhance other platform functionalities.
Conclusion:
This project was an exciting opportunity to combine my passion for design with my technical skills in web development. The end result is a website that not only meets the client’s needs but also elevates their online presence to a new level.
Introduction
Website developed entirely in Webflow. This project represents the fusion of design and development, where I was able to exercise my creativity and technical skills to create a engaging digital experience.
25/02/2024
Front-end technologies used
CSS
HTML
JQuery
Webflow