top of page

Branding and web design

Abstract:  webdesign creation for LEME/UFRGS

Role: Web designer

Mockup.png
LEME

Briefing

Create the basic layout for the website of LEME - Laboratory of Methodological Experiences in Communication of the Federal University of Rio Grande do Sul. 

The logo already existed, but it was necessary to create the visual identity of the site with its application.

Ideation

The site was based on one of the logo's applications, whose background contained an image of the sea. The first step was to design the banner for the website header, focusing on the blue color and the logo. The background was modified to be smoother, highlighting the name.

Site

The main source of information about LEME is the website that will be hosted on Wordpress provided by the university.

I designed the screens according to the branding, using 8-point grid for desktop iMac.

I also inserted links and icons into the prototyped pages. The software used was Figma.

Abstract:  logo and web design creation for NUPEJOR/UFRGS

Role: Web and brand designer

iMac Pro Front View Mockup.png
Nupejor

Briefing

Create a logo to represent the Center for Research in Journalism at the Federal University of Rio Grande do Sul. Propose visual identity with different applications, including social networks and website layout.

Ideation

According to the researchers, it was necessary to have a logo that represented the nucleus, focusing on its two areas: research and journalism. 

Based on this, the choice involved using more sober colors, with lilac being the primary color and blue the secondary color, to refer to the seriousness of research and information as the basis of journalism.

Instagram post - 3.png
Instagram post - 5.png
Instagram post - 6.png
Instagram post - 4.png

Site

NUPEJOR's main source of information is the website that will be hosted on Wordpress provided by the university.

I inserted the logo and designed the screens according to the branding in the iMac desktop format.

I also inserted links and icons into the prototyped pages. The software used was Figma.

COLO

Abstract: creation of the information architecture for the COLO collective website

Role: Web designer

COLO.png

briefing

Create the information architecture for the COLO website - Coletivo de Jornalismo Infantil. The logo already existed, but it was also necessary to create the visual identity of the site with its application.

Ideation

The COLO logo has applications with blue, green, orange and red colors, the latter being the main one. Therefore, each page of the site was designed to follow the same pattern. 

site

The main source of information about COLO is the website and therefore it needed to be straightforward and easy to navigate. I structured the pages to present the collective at the beginning of the user flow and then show the collective's activities throughout the navigation.

Go to the website

Rede Recria

Abstract:  creation of the visual identity of the RECRIA 

Role: Web and brand designer

Logo mockup.png

Briefing

Create an accessible logo for different formats and to represent the RECRIA, which is the Communication, Children and Adolescents Research Network.

The proposal was something colorful that refers to primary colors and childhood. 

Ideation

The choice was for an easy-to-apply logo on both mobile and desktop. I chose to use the Cabin Sketch font, to refer to scribbles on tables and drawings on paper, a common attitude for children and teenagers . The proposal is that RECRIA is this network of collaboration with these audiences, in order that they help to write the communication they want.

B&W.png
Blank logo

Site

The main source of information for the RECRIA Network is the website. I organized the information architecture, combined the colors with the logo and inserted images and links for better navigation.

Figma and Wordpress were used.

recreate gif.gif
Home - RECRIA
bottom of page