Website Porto Bureau
O grande desafio nesse projeto foi estruturar todos os formatos de conteúdo em uma única plataforma.
portob.com.br 
Sobre a Porto Bureau
A Porto Bureau acredita que marcas podem mudar histórias. Durante a pandemia, eles começaram a olhar para dentro de casa com um questionamento: o que estamos fazendo com a nossa própria marca e história?
Foi assim que a nova Porto começou a ser desenhada. Uma marca que deixou de lado a agência tradicional, para elaborar branding de verdade, gerando soluções de impacto. Uma nova Porto nasceu para projetar marcas que fortalecem vozes e expandem significados. “Na expressão, geramos impacto, na inteligência, fazemos história.”
Foi assim que a nova Porto começou a ser desenhada. Uma marca que deixou de lado a agência tradicional, para elaborar branding de verdade, gerando soluções de impacto. Uma nova Porto nasceu para projetar marcas que fortalecem vozes e expandem significados. “Na expressão, geramos impacto, na inteligência, fazemos história.”
Desafio
Com um novo posicionamento, design único e a criação de uma metodologia que os diferenciam do mercado, a Porto precisava de um novo site, que transmitisse tudo o que ela representa nessa nova etapa.
E aí o desafio começou: um estúdio de design, que faz o mesmo trabalho que nós, confiou no nosso trabalho e nos deu a missão de criar um site one page rico e funcional, focado na metodologia Index e no novo formato da empresa.
E aí o desafio começou: um estúdio de design, que faz o mesmo trabalho que nós, confiou no nosso trabalho e nos deu a missão de criar um site one page rico e funcional, focado na metodologia Index e no novo formato da empresa.
Solução
Criamos um site one page que transmite a nova essência da Porto, com o foco na tanto na metodologia Index quanto no blog. A ideia era deixar o site clean, funcional e com todas as informações necessárias.
Sobre a estética, aplicamos a nova identidade visual do cliente e brincamos com o fundo em movimento, para remeter essa fluidez e leveza.
Sobre a estética, aplicamos a nova identidade visual do cliente e brincamos com o fundo em movimento, para remeter essa fluidez e leveza.
Timeline
Entenda todas as etapas de produção que
envolveram a execução do projeto:
envolveram a execução do projeto:
Sitemap
O sitemap é uma estrutura base que nos orienta a entender quais páginas, botões de ação e seções seriam mais
interessantes para o site, considerando as necessidades do cliente.
interessantes para o site, considerando as necessidades do cliente.
Style Guide
A empresa, que também trabalha com design, criou uma identidade visual única para a marca e aproveitamos esses elementos
para elaborar um layout dinâmico, que trouxe fluidez para o site.
para elaborar um layout dinâmico, que trouxe fluidez para o site.
Tipografia
A escolha de uma tipografia simples reflete fluidez e dinamismo.
Wireframes
Todos os projetos da marca refletem criatividade. As cores estão sempre vivas, preenchendo todos os cantos. Enxergamos na formas abstratas e curvas uma oportunidade de explorar um wireframe leve e minimalista, apresentando realmente as qualidades da empresa e unificando com os demais projetos.
UI | Desktop e Mobile
Para cumprir com o objetivo, estudamos as melhores possibilidades UI e elaboramos conteúdos otimizados, permitindo a melhor experiência para o usuário.
Conheça mais
projetos da Navas
projetos da Navas
