Nossa Terra | Case Study

Uma plataforma que busca unir uma alimentação orgânica com o colaborativo e sustentável

Haran Moraes de Amorim
5 min readJan 8, 2018

A procura e consumo de produtos orgânicos e biológicos vem crescendo exponencialmente por pessoas que buscam uma alimentação mais saudável e equilibrada, e em Portugal o mesmo se repete de acordo com Jaime Ferreira, presidente da Associação Portuguesa de Agricultura Biológica — Agrobio. Ferreira explica também que o crescimento do mercado português tem sido bastante positivo: “Segundo dados europeus, em Portugal, já há o dobro da procura em relação à oferta”.

Assim como o consumo de produtos orgânicos e biológicos, a economia partilhada também veio para ficar. Apesar deste nicho de mercado ser um fenómeno recente, a sua difusão tem sido cada vez maior. O mercado colaborativo teve um aumento considerável nos últimos 4 anos. Como exemplo disto, muitas empresas da economia compartilhada já se tornaram modelos de negócio bem‐sucedidos e sustentáveis, o que evidencia o grande potencial de desenvolvimento económico desse fenómeno.

Considerando ambas vertentes de mercado crescente, é identificada uma oportunidade de negócio no mercado português. O Nossa Terra é então uma plataforma que une pessoas que buscam, cultivam e que usufruam deste tipo de alimentação dentro das grandes cidades.

Como ponto chave de diferencial, a plataforma utiliza a geolocalizador do utilizador que, com base nos filtros aplicados é possível definir qual o tipo de produto que deseja-se vender, trocar ou doar entre outros utilizadores da plataforma.

Dentro da aplicação o utilizador tem a opção de busca por produtos especializados, ganho monetário de produtos que produz em vosso jardim, incentivando à criação de hortas urbanas, consumo de produtos livres de agrotóxicos e a possibilidade de criar novos laços de amizades.

O Processo de criação

O desenvolvimento do projeto foi didivido em 7 etapas nas quais foram apresentadas e avaliadas pelo professor. Ao decorrer de feedbacks e melhorias, os processo de criação e desenvolvimento foram aprimorados adequando-se ao Look and Feel pretendido e as diretrizes técnicas do Design de Interface.

Primeiramente foi desenvolvido um briefing apontando os desirables,needs e joyables que a plataforma deveria compor. O estudo do público-alvo juntamente com o desenvolvimento de personas e análise de benchmarks foi essencial para direcionar as etapas que user-flow deveria seguir e distinguir como a plataforma se comportaria em cada ecrã.

O desenvolvimento de uma marca para a plataforma teve o prósito de início para aquilo que se tornaria a identidade visual e styletitle. A marca busca remeter a ideia do handcraft, neste caso, valorizar a terra local, os alimentos produzidos e o conceito produto orgânico conectado pelos utilizadores ativos da plataforma.

marca desenvolvida e suas variações de uso

User-Flow

O user-flow é composto por dois momentos; A Web Page no qual apresenta-se as principais tarefas referentes a plataforma tais como a Homepage, Área do utilizador e área de contacto. Dentre a homepage é possível identificar em formato landingpage os tópicos abordados e contextualizados no site. Já no flow de User Page é apresentado as tarefas principais de accções e busca de alimentos por conta dos utilizadores cadastrados. Neste flow ainda é possível visualizar o esquema visual do perfil do utilizador e processo de qualificação dos demais utilizadores que tiveram interação seja por troca, venda ou doação.

User Flow

Site Map

O site-map desenvolvido tem como propósito apresentar de maneira dinâmica as etapas que o utilizador passará a fim de cada tarefa ou navegação na aplicação. As etapas do site-map buscam também aprsentar cada açção possível dentro de uma categoria, seja a realização de uma tarefa, como por exemplo cadastar um alimento ou edição do perfil.

Evidenciando assim, o primeiro momento da apresentação da plataforma, os diferencias, como a plataforma funciona e os benefícios ao utiliza-la, e posteriormente quando o utilizador já obter sua conta, o segundo momento no qual ele terá acesso a plataforma e suas funcionalidades.

Site Map

Style title

O apelo visual foi dado consequentemente pelo desenvolvimento de um StyleTitle, no qual buscou apresentar de maneira amigável, uma plataforma que conversasse com o utilizador, apresentando confiança e credibilidade ao uso. Cores e tipografias foram exploradas com base em um estudo que transmitisse a sensação de joyinable e facilidade ao utilizar a aplicação. O objetivo principal era ter todos os insumos necessários para o momento de iniciar os protótipos de interface.

Juntamente a estes aspectos, foi desenvolvido uma série de ilustrações a fim de exemplificar ao utilizador como a plataforma funciona e os diferencias que ela oferece ao ser um cidadão consciente de maneira amigável e eficiente.

Ilustrações desenvolvidas manualmente e posteriormente vetorizadas no computador

Já o padrão pictográfico desenvolvido, tem a funcionalidade de dar suporte a compreensão e utilização da plataforma por meio da semiótica aplicados em símbolos utilizados em nosso cotidiano.

Seguindo a identidade desenvolvida, é importante ressaltar no StyleTitle como os botões, imagens e interações devem se comportar durante o a utilização. Ideias de Micro-interações também são apresentadas nesta etapa do projecto que posteriormente serão aplicadas na plataforma.

A maneira como as informações serão apresentadas no layout foram projetadas para que os elementos gráficos sejam adaptativos para Web e Mobile (Responsive Design).

Formas mais arredondadas, cores pastéis e excesso na utilização da cor branca foram aplicadas para as duas propostas de StyleTitle, mas que ao final definiu-se uma que transmitisse um visual mais amigável e moderno a plataforma.

Mockup

Para a fase de pesquisa com os users-testings, foram apresentados mockups de alta fidelidade nos quais os utilizadores puderam avaliar a complexidade o feel pretendido e a funcionalidade dos diferenciais presentes na aplicação.

Protótipo

Por último, foi desenvolvido o protótipo da plataforma através do programa InVision, que visa apresentar a aplicação de maneira usável, sendo assim possível identificar o flow e eventuais problemas na utilização.

--

--