Menu

User Interface

Home / Project preview

User interface design and interactions.

Ard Godoy

Overview

What is this project for?

This section highlights a selection of user interface designs I’ve worked on. The goal is to showcase my strengths as a UI designer through hands-on exploration of visual design principles and execution.

Each interface demonstrates my approach to crafting thoughtful compositions using color, typography, layout, shapes, icons, imagery, and illustrations—balancing aesthetics with clarity, usability, and consistency.

    ROLE
  • UX/UI Designer
  • YEAR
  • 2019/2021
  • RESPONSIBILITIES
  • • User Interface Design
  • • High Fidelity Prototype
  • • Style Guide
  • • Icons & Illustrations
  • • Components Library
  • • Design Systems
  • • Motion Graphics & Animation

Checkout process

The checkout is a crucial step for the shopping experience. This process must be easy to conclude, to prevent the user's frustration and avoid users to quit the online store without completing their purchase. Hence, a good user experience design is essential in this process. An optimize checkout process can turn more visitors into customers, increasing conversion rate.

Design components

Prototype checkout eCommerce

Onboard screen

An excellent first impression can be provided to the user by a good onboarding interface design screen. Onboarding screens are like an introduction, aimed to present the value an app brings to the user, the features and how to use, and also, it can prevent users from the frustration of having to figure out on their own how to use the app they are trying out.

Onboard and main screen prototype

Illustration set

Dashboard

A good user interface design can facilitate the way the users interacts with the data. A dashboard is a data-driven user interface that collects and showcases information in a visual format. It rearranges data into manageable parts of visual data that allows the user to see how they are doing and where they can improve.

Interface screen

Design components example

Website

Home of the website using a responsive grid system.

Home and menu mobile responsive version

Landing page for promoting a new APP

Landing pages are standalone web pages created for a specific marketing campaign, designed with a single, focused goal (a Call to Action or CTA) to convert visitors into leads.

Generating leads with a responsive marketing webpage.

Enrolment form

UI Screens

Digital marketing design

In this project, I was also responsible for creating the whole visual concept to engage the users and supporting the marketing strategy, such as banners for google ads, web portals and social media (Instagram, Facebook, LinkedIn, and WhatsApp).

Designing brand and motion to showcase startup solutions.

Brand Design

A new brand identity was created to promote the company and services in the digital environment.

Storyboard scenes

Based on the brainstorm and pre-approved text created by copywriter, I sketched some quick ideas to guide the animation and get early feedback.

Main scenes illustration

Motion graphics

I was responsible for animating all the scenes of the project and modified to diverse formats to be used in the Website, Youtube, Google ads, Social Media and Newsletter.

SmartSales - explained video

Ads 10 seconds version

Ads 12 seconds version