Site 30e

Site 30e

Site 30e

Minha Função

Minha Função

UX/UI Designer
Design de Interação, Design Visual, Prototipagem

UX/UI Designer
Design de Interação, Design Visual, Prototipagem

Time

Time

Design: Izaac Ogata & Gustavo Virgilio

Gerenciamento e Desenvolvimento: Squadfy

Duração & Status

Duração & Status

2 meses, Lançado em julho de 2023

Visão Geral

Visão Geral

Trabalhei em uma equipe de duas pessoas para projetar o novo site da 30e, utilizando sua identidade visual recentemente criada para comunicar os valores da marca.


Nesse projeto, Eu e Gustavo fomos responsáveis por reestruturar seu sitemap para melhorar a navegação e por criar wireframes e protótipos de alta fidelidade.

Delivering Happiness

Delivering
Happiness

Delivering
Happiness

Contexto

Contexto

A 30e é uma empresa brasileira de entretenimento especializada na organização de eventos de música ao vivo, incluindo festivais e turnês de bandas.


Com o slogan "Delivering Happiness", a empresa tem como foco criar experiências alegres e inesquecíveis, trazendo artistas renomados, tanto nacionais quanto internacionais, como Titãs, NX Zero, Gorillaz, The Killers, Slipknot e Bring Me The Horizon.

O Problema

O Problema

O crescimento da empresa ao longo dos anos destacou a necessidade de um canal mais eficaz para atrair novos parceiros e patrocinadores para seus eventos.


O principal problema do site anterior era a falta de credibilidade e profissionalismo visualmente, o que o tornava um dos canais menos eficazes para geração de leads.


Por essa razão, o novo site deve atuar tanto como um portfólio quanto como uma ferramenta poderosa para atrair potenciais clientes.

Redesign do Site

Redesign do Site

Como parte da reformulação do site, uma das principais decisões tomadas para aprimorar a experiência do usuário foi a remoção das páginas "Para Patrocinadores" e "Para Artistas". Embora o objetivo do site fosse facilitar o contato com potenciais clientes, ter essas páginas imediatamente acessíveis poderia impedir que os usuários gastassem tempo suficiente conhecendo a 30e e seu trabalho. Isso, por sua vez, poderia levar a taxas de conversão mais baixas, pois os usuários podem não ter informações suficientes ou confiança antes de decidir se devem entrar em contato.


Para fortalecer a credibilidade e a autoridade da marca, adicionamos um espaço dedicado para exibir os artistas e eventos que trabalharam com a 30e. Uma nova página destaca os artistas e bandas, enquanto outra página exibe eventos atuais e passados. Ambos os elementos funcionam como um portfólio, mostrando a experiência e a expertise da empresa.


Além disso, para aumentar a credibilidade e relevância da marca, foi introduzida uma seção de "Presença na Mídia". Essa seção exibe manchetes de fontes de notícias respeitáveis, vinculando à cobertura dos últimos projetos da empresa. Ao apresentar validação de terceiros, reforçamos a confiança e a autoridade.

As part of the site redesign, one of the key decisions to enhance user experience was removing the "For Sponsors" and "For Artists" pages. While the goal of the site was to facilitate contact with potential clients, having these pages immediately accessible could shorten the time users spend learning about 30e and its work. This, in turn, could lead to lower conversion rates, as users may not have enough information or trust built up before deciding whether to reach out.

To reinforce credibility and brand authority, we added a dedicated space to showcase the artists and events that worked with 30e. A new page highlights the artists and bands, while another page displays both current and past events. Both these elements serve as a portfolio, demonstrating the company’s experience and expertise.


Also, to increase the brand’s credibility and relevance, a "Media Presence" section was introduced. This section displays headlines from reputable news sources, linking to coverage of the company’s latest projects. By presenting third-party validation, we could reinforce trust and authority.

As part of the site redesign, one of the key decisions to enhance user experience was removing the "For Sponsors" and "For Artists" pages. While the goal of the site was to facilitate contact with potential clients, having these pages immediately accessible could shorten the time users spend learning about 30e and its work. This, in turn, could lead to lower conversion rates, as users may not have enough information or trust built up before deciding whether to reach out.


To reinforce credibility and brand authority, we added a dedicated space to showcase the artists and events that worked with 30e. A new page highlights the artists and bands, while another page displays both current and past events. Both these elements serve as a portfolio, demonstrating the company’s experience and expertise.


Also, to increase the brand’s credibility and relevance, a "Media Presence" section was introduced. This section displays headlines from reputable news sources, linking to coverage of the company’s latest projects. By presenting third-party validation, we could reinforce trust and authority.

Layout

Layout

Para guiar o usuário pelas páginas, optamos por utilizar um visual minimalista. Essa abordagem ajudaria a reduzir a carga cognitiva, mantendo a consistência visual. Utilizando principalmente variação nos tamanhos e pesos das fontes, conseguimos construir uma hierarquia visual clara sem adicionar elementos desnecessários. Além disso, o uso de diferentes fundos e espaçamentos contribuiu para definir visualmente seções distintas do layout.


A paleta de cores da marca era limitada ao preto, branco e tons de cinza, o que contribuía para a aparência de "inacabado" do site anterior. Uma solução para resolver isso, sem alterar a identidade da marca, foi incorporar cores das imagens em certas páginas. Para isso, a criação de uma ferramenta que extrairia cores de imagens e as aplicaria em fundos e botões foi discutida e seria posteriormente desenvolvida.

Resultados

Resultados

O redesign abordou com sucesso os principais problemas identificadas no início do projeto. Ao repensar a estrutura, os visuais e as funcionalidades do site, criamos uma experiência mais intuitiva que guia os usuários pelo conteúdo.


Além disso, o novo design deu à empresa a oportunidade de usar o site como uma ferramenta estratégica de vendas. O site agora comunica claramente o que a 30e faz, apresenta seus produtos e destaca seus clientes, tudo dentro de um espaço coeso e visualmente atraente. Essa apresentação aprimorada não só melhora a experiência do usuário, mas também posiciona o site como um ativo poderoso para atrair novos parceiros e patrocinadores.