DESIGN GRÁFICO - INSTITUCIONAL
BIBIANA DUARTE, GUILHERME SOUVERAL, JÚLIA CHAVES
E
VICTORIA SEHN
O LOCAL
01
Jardim Botânico de Porto Alegre O Jardim Botânico de Porto Alegre se dedica ao estudo e à conservação de espécies nativas do Rio Grande do Sul, possuindo uma área de 39 hectares, com 8 mil exemplares de 650 espécies da flora do Estado. O local é considerado um importante ponto turístico para a cidade.
O LOCAL
01
Jardim Botânico de Porto Alegre Após o fechamento da Fundação Zoobotânica do Rio Grande do Sul, houveram falsas informações em relação ao fim do funcionamento do Jardim Botânico. O acontecimento trouxe, como consequência, uma queda de aproximadamente 50% no fluxo de visitações e no interesse do público visitante.
02
O BRIEFING
Proposta do projeto Para o projeto, foi elaborado o redesign da identidade visual do Jardim Botânico de Porto Alegre, com a proposta
do
desenvolvimento
de
um
conceito
moderno para revitalizar a imagem do Jardim, visando maior reconhecimento do local e um aumento de engajamento dos visitantes.
A PESQUISA
03
Levantamento de dados O primeiro passo foi a realização de uma pesquisa de levantamento de dados, divulgada de forma online, que obteve um total de 150 respondentes, a maioria de Porto Alegre e região metropolitana. A partir das respostas, foi possível analisar alguns dados que serviram de base para as especificações do projeto.
A PESQUISA
de acordo com 76 respondentes
de acordo com 59 respondentes
de acordo com 108 respondentes
de acordo com 52 respondentes
Anรกlise de dados principais
03
A METODOLOGIA
04
Design Sprint A metodologia definida para o trabalho foi o Design Sprint, um processo para a elaboração de uma solução de forma ágil, que envolve cinco etapas criativas de desenvolvimento de um projeto, que ocorrem durante uma semana, sendo elas: entender, desenhar, decidir, prototipar e testar.
A primeira etapa do cronograma de Design Sprint A METODOLOGIA
04
envolveu entrevistas com especialistas de duas áreas relacionadas ao projeto (Biologia e Design), além de outros levantamentos que auxiliaram na base de conhecimento para a escolha das principais ideias do
Dia 1: entender
projeto, representadas ao lado. Os especialistas forneceram diversas informações que foram relevantes para o projeto e auxiliaram nas etapas seguintes da metodologia.
Ideias escolhidas
MĂdias sociais
Ilustraçþes
Cores vibrantes
Mascote
Ambiente colorido
A METODOLOGIA
04
A segunda etapa da metodologia se baseou na criação de diversos esboços, representados ao lado, envolvendo as principais ideias para a identidade visual e as mídias sociais do Jardim Botânico de Porto Alegre.
Dia 2: desenhar
Foram feitas ilustrações do ícone que seria utilizado no logotipo, além de esboços do site, do Facebook, do Instagram e do aplicativo para celular.
Esboรงos gerais
A METODOLOGIA
04 Na terceira etapa do processo, por meio de uma votação
Dia 3: decidir
realizada pela equipe, foram definidos quais esboços seriam prototipados na próxima etapa.
Esboços escolhidos
Facebook Ă?cone
Posts para Instagram
Site
Aplicativo
A METODOLOGIA
04
Na quarta etapa do Design Sprint, foi realizada a prototipagem final dos esboços e das ideias escolhidas, para, assim, na próxima etapa, serem realizados os testes e a validação dos protótipos com os clientes.
Dia 4: prototipar
A fim de provocar reações e obter respostas honestas e completas por parte dos entrevistados, roteiros com perguntas específicas foram planejados.
A METODOLOGIA
04
A etapa final do Design Sprint, que serve para concluir a metodologia, é a testagem, na qual foram entrevistados quatro possíveis visitantes do Jardim Botânico de Porto Alegre e usuários das mídias sociais elaboradas.
Dia 5: testar
Nessa etapa, foram definidos os fatores positivos e negativos de cada peça criada, para serem avaliadas e aperfeiçoadas conforme o decorrer do projeto.
05
O OBJETIVO
“Como revitalizar a imagem do Jardim Botânico de Porto Alegre mantendo a sua essência?”
O OBJETIVO
05 uso de cores atrativas e uma estética divertida desenhos vetoriais simplificados da flora e da fauna do local
Requisitos do Projeto materiais sustentáveis que transmitam os ideais do Jardim
ilustrações com elementos visuais que remetem ao Jardim de dia e de noite
O CONCEITO
06
“O Jardim Secreto” O conceito tem como objetivo mostrar as belezas que nem sempre são vistas ou percebidas por visitantes, tanto no período diurno quanto noturno. A temática propõe o uso de cores, do dia e da noite e de elementos da flora e da fauna do Jardim.
A IDENTIDADE VISUAL
07
Elaboração do logotipo A primeira etapa da fase criativa foi a criação de um logotipo, planejado a partir das respostas obtidas no questionário e de uma análise dos elementos usados em logotipos de locais similares. O objetivo principal do logo foi representar o Jardim Botânico de Porto Alegre de forma moderna, orgânica e divertida.
A IDENTIDADE VISUAL
07
O ícone do logotipo O ícone elaborado utiliza cores que representam o período diurno (vermelho, coral e amarelo), no qual os visitantes têm acesso ao local, e a flora (tons de verde), além do elemento central que representa o símbolo principal do Jardim Botânico de Porto Alegre: o butiazeiro.
A IDENTIDADE VISUAL
07
Cores do projeto Foram definidas oito cores para demonstrar a nova identidade visual. As cores foram nomeadas de
Laranja Taxonômico
Vermelho Gaúcho
Coral Exótico
Roxo Temático
Azul Especial
Azul Medicinal
Verde Jardim
Verde Grama
acordo com as áreas que representam no Jardim Botânico de Porto Alegre, além de estarem divididas em dia (tons quentes) e noite (tons frios). Os tons de verde se relacionam à flora do local.
A IDENTIDADE VISUAL
07
Tipografias do projeto
Usada no logotipo, redes sociais e sinalização
Poppins
Usada no logotipo, redes sociais e site
Foram utilizadas quatro fontes, todas com diferentes
Muli
pesos para criar hierarquia na informação. A Made
Usada nas redes sociais, site, app e sinalização
Gentle é serifada e mais estilizada, a Muli não possui serifa e é mais simplificada e sem serifa, a Poppins se assemelha à Muli porém é mais arredondada, e a Comfortaa, que possui números simplificados.
Comfortaa Usada na sinalização
A ilustração principal do projeto possui elementos do AS ILUSTRAÇÕES
08
Jardim Botânico de Porto Alegre, unindo as cores diurnas (tons quentes) e as noturnas (tons frios). Em relação à flora, foram utilizadas espécies regionais
“O Jardim Secreto”
do Rio Grande do Sul, que são as que melhor representam o Jardim. A fauna da ilustração, além de ter o Gambá-de-orelha-branca, é composta por um animal de origem estadunidense, a Tartaruga do Mississipi, que também vive no local.
Jardim Noturno A ilustração noturna revela o que o visitante não enxerga, mas que também
conta
a
história
do
Jardim, como o Gambá-de-orelhabranca, que costuma aparecer à noite no local.
Jardim Diurno A ilustração diurna mostra o que o visitante pode enxergar, mas que nem sempre presta atenção, como a Tartaruga do Mississipi, natural dos Estados Unidos, que vive no Lago dos Cágados.
AS ILUSTRAÇÕES
08 A fim de representar melhor a flora e a fauna da região, foram ilustradas espécies de plantas e de animais que
Elementos das ilustrações
fazem o Jardim Botânico de Porto Alegre ser um local único.
Aรงoita-cavalo
Canjerana
Guajuvira
Brinco de princesa
Pinheiro Bravo
Erva-mate
OS ELEMENTOS DE IDENTIFICAÇÃO
09
Elaboração de pictogramas Com o objetivo de melhorar a experiência do visitante, foi criado um conjunto de pictogramas relacionados às áreas do local, desenvolvidos para se adequarem ao conceito e à identidade visual proposta. Os pictogramas foram utilizados na sinalização, no aplicativo para celular e no site.
OS ELEMENTOS DE IDENTIFICAÇÃO
09
Elaboração do mapa Foi criado, como parte do projeto, um novo mapa seguindo o estilo das ilustrações e pictogramas, para ser utilizado nas mídias sociais e na sinalização do Jardim Botânico de Porto Alegre. Ele apresenta os elementos do local através de uma linguagem simples e de fácil entendimento.
OS MEIOS DIGITAIS
10
Criação de mídias sociais A partir da pesquisa, foi possível perceber que a maioria dos respondentes não acessava as principais mídias sociais do Jardim Botânico de Porto Alegre. Por esse motivo, a equipe propôs a elaboração do layout de plataformas que atraíssem os visitantes: o Instagram, o Facebook, o site oficial e o aplicativo.
Site
Aplicativo
OS MEIOS DIGITAIS
10
Instagram Foi elaborado um perfil oficial no Instagram, no qual serão postados avisos de eventos, fotos e demais informações sobre o local. A paleta de cores é composta principalmente por tons quentes, que representam o período do dia, no qual o Jardim está aberto para visitação. Serão publicados stories em cinco destaques, cada um representado por uma cor.
OS MEIOS DIGITAIS
10
Instagram: Por aí No destaque “Por aí”, representado pela cor laranja, serão divulgadas fotografias e relatos dos visitantes que marcaram a conta oficial em seus stories. Ao possibilitar essa interação, a página gera um maior engajamento com os seguidores.
OS MEIOS DIGITAIS
10
Instagram: Produtos No destaque verde escuro, chamado “Produtos”, serão apresentados os produtos à venda, além de atualizações sobre novos lançamentos e estoque. A divulgação de produtos à venda acaba por trazer mais visibilidade para o que o Jardim oferece.
OS MEIOS DIGITAIS
10
Instagram: Sobre nós O destaque coral, chamado “Sobre nós”, apresentará informações sobre a história do Jardim, assim como detalhes relacionados a curiosidades do local. Os visitantes poderão conhecer mais sobre a fauna e a flora brasileira e internacional presentes no parque.
OS MEIOS DIGITAIS
10
Facebook A página oficial do local no Facebook foi criada tendo em vista o uso de elementos relacionados à estética do projeto, como o ícone presente na foto de perfil e a ilustração principal na capa. Na página, serão publicados posts informativos com as principais notícias e avisos de eventos, além de conteúdos como fotos e vídeos do local.
OS MEIOS DIGITAIS
10
Site (página principal) O site oficial do Jardim Botânico de Porto Alegre foi elaborado de forma moderna e intuitiva, de maneira que a experiência de navegar pelas páginas seja atrativa e cativante para os visitantes. A primeira página possui as informações principais do Jardim e é composta pelas ilustrações noturna e diurna.
OS MEIOS DIGITAIS
10
Site (página “O Jardim”) A página “O Jardim” foi criada para informar dados específico que não foram adicionados à página principal, como um breve resumo da história e a localização de cada área e local do Jardim Botânico de Porto Alegre, além de uma galeria de imagens com plantas e animais.
Para visualizar o site completo, clique no vĂdeo abaixo ou no link: https://vimeo.com/453716316
10
OS MEIOS DIGITAIS
Aplicativo De acordo com a pesquisa realizada nas etapas iniciais, um aplicativo específico para o Jardim Botânico de Porto Alegre aumentaria sua visitação. Por esse motivo, foi elaborado um app para celular com
diversas
funcionalidades,
para
auxiliar
o
visitante a obter informações com maior facilidade e aproveitar ao máximo sua experiência no Jardim.
OS MEIOS DIGITAIS
Menu principal A tela inicial é a base do aplicativo e, a partir dela, é possível escolher entre todas as funções principais: “eventos”, “coleções”, “ingressos”, “mapa”, “plantas” e “curiosidades”.
Eventos Ao clicar em “eventos”, o usuário é redirecionado para essa tela, que mostra os próximos eventos que ocorrerão no local, em ordem cronológica. Na parte superior, pode clicar no botão de voltar, à esquerda.
Ao clicar em um evento específico, o usuário é redirecionado para a tela do evento escolhido, sendo possível visualizar a data, horário, localização e demais informações sobre o mesmo.
Coleções Ao abrir a página de “coleções”, o usuário pode escolher entre as seis coleções de plantas do Jardim: “Especiais Regionais”, “Plantas Exóticas”, “Plantas úteis”, “Formações do RS”, “Coleção Taxonômica” e “Coleção Temática”.
Ao descer a página, é possível visualizar todas as coleções ao mesmo tempo.
Ingressos Clicando em “ingressos”, o usuário vê uma tela criada para facilitar o processo de compra de ingressos, de forma intuitiva e simplificada. Nela, ele precisa escolher a data, os tipos de ingresso e a quantidade de cada tipo.
Após continuar o pagamento, o usuário pode revisar a quantidade de ingressos e o valor total. Por fim, é necessário selecionar uma forma de pagamento e clicar no botão “continuar” para confirmar a compra.
Mapa Entrando em “mapa”, o usuário tem uma visão geral do mapa criado no projeto, que mostra todos os pontos de visitação. Para visualizar melhor as marcações no mapa, é possível clicar em dois botões: “coleções e áreas” e “serviços e locais”.
Ao clicar em “coleções e áreas”, é possível visualizar a cor e as áreas de cada uma das seis coleções.
Ao clicar em “serviços e locais”, os números do mapa (que representam as coleções e áreas) somem e aparecem apenas as letras que representam os demais locais.
Ao descer a página, a legenda relaciona as letras aos locais, além de mostrar os pictogramas que foram Ao clicar em um evento específico, o usuário definidos para cada um, facilitando o entendimento.
Plantas Selecionando a opção “plantas” no menu principal, o usuário visualiza uma tela com três opções: “venda de mudas”, que possui todas as mudas disponíveis para a compra no Jardim, “minhas plantas”, onde pode adicionar as mudas que já possui, e “plantas favoritas”, em que pode definir quais plantas gosta mais.
Ao clicar em alguma das plantas, uma tela com informações específicas aparece, contendo dicas como a quantidade de luz solar e de água necessárias e a temperatura adequada.
Curiosidades Clicando em “curiosidades”, uma tela semelhante a de coleções aparece, porém, dessa vez, ao selecionar uma das coleções, o usuário pode ver curiosidades relacionadas aos elementos de cada uma das áreas do local.
Ao clicar em uma coleção e, depois, em uma área, o usuário visualiza o nome da área, sua numeração, uma ilustração e curiosidades relacionadas à ela.
Para visualizar todas as funcionalidades do aplicativo, clique no vĂdeo abaixo ou no link: https://vimeo.com/453736078
Modo noturno do app
A SINALIZAÇÃO
11
Criação de placas Em relação à sinalização do local, foram criados oito modelos de placas, com o intuito de facilitar a identificação de cada local e serviço do Jardim, além de informar sobre as famílias de plantas presentes. Também foi feito um manual de uso com todos os detalhes e especificações de montagem das placas.
A SINALIZAÇÃO
11
Placa de boas vindas A partir do uso da ilustração geral, a placa de boas vindas foi desenvolvida para saudar os visitantes no início de sua visitação. Foram utilizadas cores vibrantes para que ela se destaque no ambiente, ajudando a transmitir a imagem que os visitantes terão da nova identidade visual presente no local.
A SINALIZAÇÃO
11
Placas de trânsito O modelo das placas de estacionamento segue o padrão oficial de sinalização presente nas normas de trânsito, tendo um visual simples e de destaque, com borda vermelha. As placas demonstram locais nos quais é permitido estacionar, além de informações como as vagas restritas e o limite de velocidade.
A SINALIZAÇÃO
11
Placa de proibições A placa de proibições tem como objetivo apresentar a lista de restrições que os visitantes devem seguir dentro do Jardim Botânico de Porto Alegre. A estética segue com a ideia de simplicidade e contraste de cores, assim como a representação do pictograma de proibição em maior proporção para destaque.
11
A SINALIZAÇÃO
Placa de locais Com a finalidade de indicar e informar sobre os lugares e serviços abertos para visitação, foram desenvolvidas as placas de locais. Na placa, foi utilizado
o
pictograma
equivalente
ao
local
representado, assim como um texto descritivo e a ilustração colorida da flora e fauna do Jardim.
A SINALIZAÇÃO
11
Placa de áreas Para melhor identificação, foi desenvolvida uma setorização por cores para as seis coleções presentes no Jardim Botânico de Porto Alegre. Cada placa do modelo criado representa uma área de cada uma das coleções, com sua numeração e suas informações específicas.
A SINALIZAÇÃO
11
Leitura de QR Code Abaixo do texto explicativo de cada placa, foi inserido um QR Code que redireciona o visitante à tela de curiosidades referente a área. Para a leitura do código, é necessário apenas abrir a câmera do celular e apontá-la para o código na placa. É possível também baixar o aplicativo direto na página.
A SINALIZAÇÃO
11
Placa de identificação As placas de identificação de plantas seguem o padrão de setorização definido, com as cores equivalentes para cada coleção, apresentando o nome popular, nome científico, sua família e país de origem. Seu tamanho é apresentado em medidas ergonômicas para leitura e localização.
A SINALIZAÇÃO
11
Placa de direcionamento As placas de direcionamento possuem formato de seta, com o intuito de orientar o visitante para os locais do Jardim Botânico indicados. Seguindo a proposta de setorização, foram utilizadas as cores de cada área, seus respectivos números e os pictogramas correspondentes.
A SINALIZAÇÃO
11
Placa do mapa Para essa placa, foi utilizada a versão ilustrada do mapa. Para ajudar no reconhecimento dos locais, foi utilizada também uma legenda que segue a proposta de setorização a partir do uso de cores, números e pictogramas, destacando cada um dos elementos presentes no mapa.
A SINALIZAÇÃO
11
Foi criado um Manual de Uso para a sinalização, a fim de auxiliar na montagem e no uso das placas, assim como pontos estratégicos, roteiros e instruções.
Manual de sinalização
O manual aborda também informações sobre o Jardim Botânico, apresentações do conceito, elementos visuais e demais informações necessárias para conhecimento e uso do material.
12
OS PRODUTOS
Produtos para os visitantes A partir das respostas obtidas no levantamento de dados, e tendo como foco o uso de materiais sustentáveis, além de transmitir a essência do Jardim Botânico de Porto Alegre, foram elaborados produtos que
poderiam
ser
comercializados,
a
fim
de
impulsionar a presença e o reconhecimento do local.
OS PRODUTOS
12
Produtos para os funcionários A equipe de funcionários também é uma parte importante e fundamental para a existência do Jardim Botânico de Porto Alegre. Tendo isso em vista, foram desenvolvidos produtos específicos para eles, seguindo o esquema de cores definido para as áreas e a estética proposta no projeto.
Obrigado!