Projeto
Frutas Campestre

A Frutas Campestre possui uma história de longa data no setor de fruticultura dos Campos de Cima da Serra, no Rio Grande do Sul. Ela é uma empresa familiar que distribui seus produtos para diversos estados do Brasil com excelência. Porém, segundo os irmãos sócios, a identidade visual do negócio não transmitia com clareza a visão de profissionalismo e qualidade que desejavam.

Dessa forma, a partir da necessidade de transcrever esses ideais para o mercado, surge a desejo, de criar uma nova identidade visual. Então, nova marca e embalagens foram idealizadas e criadas pelo Estúdio Scolaro. Para marcar presença também na internet, desenvolvi, enquanto colaborador do Estúdio Scolaro, um site institucional que busca transmitir toda a essência dessa nova etapa da empresa.

1. Objetivo

Como falado anteriormente, precisávamos transmitir o profissionalismo e qualidade da empresa em um site institucional, com a proposta de mostrar os principais produtos, a história e a sua presença no Brasil. A partir dessa premissa, começamos os rascunhos.

2. Começando os estudos

Além do público-alvo e objetivo, agora possuímos alguns elementos que nortearão toda a criação do projeto, após a criação da nova identidade visual pelo Estúdio Scolaro:

1. Marca
2. Paleta de cores
3. Briefing

2.1 Referências

Todo projeto desenvolvido, necessita de uma pesquisa extensa de concorrência e mercado, para que possamos saber qual é a abordagem utilizada por outras empresas e que o público-alvo está acostumado a consumir. Além disso, referências visuais também são extremamente importantes para instigar a inspiração e criatividade, possibilitando uma criação única, com personalidade e condizente com o nicho que estamos abordando.

2.2 Tipografia

Escolher a tipografia correta é fundamental para que seja possível transmitir a sensação que a empresa quer passar. Nesse caso, foi utilizada a Montserrat como padrão de parágrafos e textos, pois é uma fonte que transmite modernidade, inteligência e beleza, além de possuir uma ótima legibilidade.

Tipografia Montserrat, Google Fonts.

Para títulos e textos que necessitam de mais destaque, foi utilizada a Cookie. Por ser uma fonte cursiva (estilo escrito à mão) ela traz a sensação do manual, acolhedor e do familiar. Tudo isso que fez e faz parte da Frutas Campestre: o cuidado pessoal de fruto a fruto, o esforço da família desde o começo de tornar cada produção melhor que a anterior, entregando a excelência sempre.

Tipografia Cookie, Google Fonts.

2.3 Paleta de Cores

Uma boa paleta de cores consegue transformar qualquer projeto. É a partir dela que grande parte da magia acontece, porque conseguimos transmitir emoções a partir da combinação de cores. Nesse caso, a cor predominante da marca é o verde vivo, que faz parte da Frutas Campestre, que representa o cultivo que leva à mesa frutos de qualidade e excelência, os quais farão a manutenção da saúde de quem consumir. A partir dela, foram desenvolvidas cores complementares, para que pudéssemos dividir o conteúdo e criar contraste com as demais informações presentes na tela, transmitindo beleza e seriedade.

Sinalização da paleta de cores aplicada no projeto Frutas Campestre.

2.4 Wireframe

Com tudo pronto, partimos para uma das partes mais importantes: rabiscar! Sim, isso mesmo. É aqui que me permito criar sem errar, criando versões e versões rápidas de ideias que surgem a partir de todas as referências e estudos feitos anteriormente. Não são apenas uma ou duas telas criadas, são várias, sem limite! É a partir disso que consigo testar diversas opções em um curto período de tempo, até encontrar a fórmula mais adequada para o projeto, tornando cada criação única.

Alguns Wireframes extraídos do meu projeto no Figma.

3. Definição de layout

Após algumas horas de Wireframe e testes, partimos para a definição de layout. Reunimos todas as ideias que surgiram e precisamos filtrá-las, para extrairmos apenas o melhor de todas. Feito isso, partimos para a disposição dos elementos na tela, aplicação de cores, imagens e textos.

4. Aprovação

Com a definição de layout pronta, partimos para a aprovação com o cliente, fase em que são validadas todas as informações e design aplicados no projeto.

5. Desenvolvimento

Chegamos em uma das partes que mais demandam tempo e cuidado, o desenvolvimento. Escolher o servidor e as tecnologias que serão utilizadas para dar vida a criação é algo muito sério, que pode definir o sucesso ou fracasso do projeto. Costumo criar cada tema manualmente (estilo hard code mesmo). Dessa forma, é possível ter controle total controle total do projeto, facilitando a sua manutenção e vida útil. Após tudo configurado e desenvolvido, a internet pode dar boas-vindas a uma nova criação, como, por exemplo, o site institucional da Frutas Campestre!

Print da página inicial do site da Frutas Campestre.