top of page

Branding e webdesign

Resumo: criação de webdesign para o LEME/UFRGS

Função: web designer

Mockup.png
LEME

Briefing

Criar o layout básico para o site do LEME - Laboratório de Experiências Metodológicas na Comunicação da Universidade Federal do Rio Grande do Sul. 

A logomarca já existia, mas era necessário criar a identidade visual do site com sua aplicação.

Ideação

O site teve como base uma das aplicações da logomarca, cujo background continha uma imagem do mar. O primeiro passo foi desenhar o banner para o header do site, focando na cor azul e na logomarca. O background foi modificado para ficar mais suavizado, dando destaque para o nome LEME.

Site

A principal fonte de informação sobre o LEME é o site que será hospedado no Wordpress disponibilizado pela universidade.

Desenhei as telas de acordo com o branding, utilizando 8-point grid para desktop iMac.

Também inseri links e ícones nas páginas prototipadas.

O software utilizado foi o Figma.

Resumo: criação de identidade visual e webdesign para o NUPEJOR/UFRGS

Função: web designer e criadora da identidade visual

iMac Pro Front View Mockup.png
Nupejor

Briefing

Criar logomarca para representar o Núcleo de Pesquisa em Jornalismo da Universidade Federal do Rio Grande do Sul. Propor identidade visual com diferentes aplicações, incluindo redes sociais e layout para site.

Ideação

De acordo com as pesquisadoras, era necessário ter uma logomarca que representasse o núcleo, focando nos seus dois âmbitos: pesquisa e jornalismo. 

Com base nisso, a escolha envolveu utilizar cores mais sóbrias, sendo o lilás a cor primária e o azul a secundária, para remeter a seriedade da pesquisa e a informação como base do jornalismo.

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

Site

A principal fonte de informação do NUPEJOR é o site que será hospedado no Wordpress disponibilizado pela universidade.

Fiz a inserção da logomarca e desenhei as telas de acordo com o branding no formato desktop iMac.

Também inseri links e ícones nas páginas prototipadas.

O software utilizado foi o Figma.

COLO

Resumo: criação da arquitetura de informação para o site do coletivo COLO

Função: web designer

COLO.png

Briefing

Criar a arquitetura de informação para o site COLO - Coletivo de Jornalismo Infantojuvenil. A logomarca já existia, mas era necessário também criar a identidade visual do site com sua aplicação.

Ideação

A logomarca COLO tem aplicações com cores azul, verde, laranja e vermelho, sendo esta última a principal. Por isso, cada página do site foi pensada em seguir o mesmo padrão. 

Site

A principal fonte de informação sobre o COLO é o site e por isso, precisava ser direto e fácil de navegar. Estruturei as páginas para que apresentassem o coletivo logo no início do fluxo do usuário e depois mostrasse as atividades do coletivo ao longo da navegação.

Acesse o site

Rede Recria

Resumo: criação da identidade visual da Rede RECRIA

Função: web designer e criadora da identidade visual

Logo mockup.png

Briefing

Criar logomarca acessível para diferentes formatos e que representasse a Rede RECRIA, que é a Rede de Pesquisa em Comunicação, Infâncias e Adolescências.

A proposta era algo colorido que remetesse cores primárias e infância. 

Ideação

A escolha foi por um logotipo fácil de aplicar tanto no mobile quanto no desktop. Optei por utilizar a fonte Cabin Sketch, por remeter aos rabiscos em mesas e desenhos em papéis, atitude comum às crianças e aos adolescentes. A proposta é que a RECRIA seja essa rede de colaboração com esses públicos, no intuito que eles ajudam a escrever a comunicação que querem.

P&B.png
Logotipo em branco

Site

A principal fonte de informação da Rede RECRIA é o site. Fiz a organização da arquitetura de informação, combinação das cores com o logotipo e inserção de imagens e links para melhor navegação.

Foram utilizados o Figma e o Wordpress.

recria gif.gif
Home - RECRIA
bottom of page