Bem Dita Salada
- Categoria: Web Design
- Cliente: Bruna Brunoro
- Data do Projeto: dez, 2019
- URL do Projeto: fora do ar
"Um Fast-food Saudável"
Site criado para o Bem Dita Salada, um restaurante na Barra que possui uma proposta interessante, unindo alimentação saudável à comida rápida.
Recebemos o desafio de recriar a homepage, que apresentava problemas de usabilidade e já não correspondia às necessidades do negócio. Percebemos, também, que seria preciso ajustar a marca ao digital, o que não havia sido estudado no planejamento inicial da Identidade Visual.
Introduzindo uma nova paleta de cores, novas apresentações para o Sinal Gráfico e padrões de tipografia, solucionamos os problemas que a marca manifestava nos meios digitais - sempre alinhados aos objetivos do empreendimento.
A partir de então, os caminhos se abriram para as soluções criativas e podemos nos concentrar na jornada do usuário e nos processos de UX. Após algumas etapas tínhamos o entendimento do problema, identificamos quais poderíamos solucionar e, como.
Criamos o mapa do site e concluímos que uma onepage seria a melhor solução viável para o negócio, já que o papel do site era, basicamente, contar uma história, expôr o cardápio, oferecer detalhes (como localização e redes sociais) e o todo o resto da dinâmica de vendas aconteceria na plataforma do iFood.
Já tendo como bem claras as estratégias, as especificações do produto e as interações que o usuário realizaria, modelamos os wireframes, grifamos os princípios e conceitos a serem aplicados e iniciamos o desenho da interface. Todo o processo de maturação gráfica foi desenvolvido na Adobe Creative Cloud, usando o Photoshop de maneira colaborativa, em nuvem.
Antes de chegar ao código, o intuito era desenvolver a página utilizando Bootstrap, mas uma série de obstáculos, tornou preterível o desenvolvimento sem o framework. Por ser um projeto relativamente pequeno e bem amarrado em boas práticas, o desenvolvimento sem framework acabou sendo muito bem vindo, pois reduziu significativamente o volume de códigos e de requisições HTTP, contribuindo muito para a performance e SEO da página.
Tecnologias utilizadas:
Adobe Dreamweaver
Visual Studio Code
HTML5, CSS3, Js
Adobe Illustrator
Adobe Photoshop