hello@rpessoa.com.br
Logotype of NSWS Solution

NSWS Solution

NSWS Solution is an Angolan company that offers technology-oriented services.

A company that offers a differentiated service with a range of specialties in the technological market.

They wanted a simple website, containing the information clearly and objectively. Emphasizing web design service.

Year

2017

The Goal

Create a one page single site containing customer submitted information

Tools Used

Photoshop, Sublime Text

How I Worked

In this project I worked as a web designer, raising requirements, layout in Photoshop, created the logo in Illustrator and assembled the HTML with Sublime Text.

Visit this website

Home page of NSWS Solution on laptop screen.
Home page of NSWS Solution on smartphone screen

User Experience

This website was designed to display content for an objectively way.

Thinking about it I opted for a single page model.

Home page of NSWS Solution on smartphone screenHome page of NSWS Solution on smartphone screen

Typograph

Open Sans

Font used in this website.

Color Schemes

Brand Color

#5066AF

#6E3895

Interaction Color

#CA7F2E

Shades of Gray

#F2F3F4

#D9DADB

Logotype of Liverpool F.C.

Liverpool Brasil

Liverpool Brasil is a personal project that the goal is to bring news about one of the most traditional and winner football clubs in the world.

The website is a source of information and communication with these fans.

The model needed to be simple, modern, focused on information and accessible to disabled people.

Year

2019

The Goal

Create a news site for an audience that loves soccer.

Tools Used

Figma, Sublime Text

How I Worked

In this project I worked as a user interface designer, creating in Figma a template for WordPress containing the main interface elements stylized with the visual characteristics of the client.

Home page of Liverpool Brasil on laptop screen.
Desktop screens of Liverpool Brasil

Typograph

Source Sans Pro and Poppins

Font used in this website.
Font used in this website.

Color Schemes

Brand Color

#830000

#BE2917

Interaction Color

#CD8A13

#E99D16

#FBB73F

Shades of Gray

#C4C4C4

#707070

#444444

Rodrigo Pessoa

A Brazilian Web Designer / UI designer...

I know, I already said it. But let me explain one more about how I thought and what I consider when I was creating it.

Year

2019

The Goal

Create my professional website.

Tools Used

Figma, Sublime Text

How I Worked

In this project, I used Figma to make a high fidelity prototype. Then I developed the structure in HTML quite simply.

Visit this website

Home page of Rodrigo Pessoa on laptop screen.

Diagramming

I divided the screen into two parts for better distribution of content on computer screens.

Home page of Rodrigo Pessoa on laptop screen.
Portfolio page of Rodrigo Pessoa on laptop screen.
Logotype of Rodrigo Pessoa Web Designer.

User Experience

The fixed menu at the bottom of the screen is for easy one-handed navigation.

Some phones are too large and usually, the hand position is at the bottom of the phone.

I believe that navigation between pages is easier for those who are accessing a mobile device.

Typograph

Poppins e Zilla Slab

Font used in this website.
Font used in this website.

Color Schemes

Layout Color

#435D6A

#10171B

Interaction Color

#A4DB09

Shades of Gray

#F2F3F4

#D9DADB