muito mais do que um rótulo.

Transcrição

1 Port Folio 2014

2 Quem Somos muito mais do que um rótulo. Somos uma empresa que dispensa rótulos. Agência de Publicidade e Propaganda? Estúdio de Design? Nem um, nem outro: um pouco de ambos. Somos simplesmente uma empresa que tem como objetivo ajudar seus clientes a criar soluções visuais e interativas para melhorar a comunicação e o posicionamento de marca. de identidades visuais, branding, projetos gráficos e editoriais, ilustrações em 2D e 3D, webdesign, desenvolvimento de aplicativos para a web, gestão de social media, entre outros serviços. Desde 2011, estamos trabalhando em parceria com nossos clientes, não só como prestadores de serviços, mas como consultores e realizadores. Para tudo o que criamos, buscamos trazer uma personalidade de marca que agregue valor ao negócio de nosso cliente. Neste material, você poderá conhecer um pouco de nosso trabalho. Listamos vários projetos que abrangem nossas especialidades em todas as áreas em que atuamos. O que você está esperando para dar uma espiada? Divirta-se! Produzimos todos os tipos de trabalhos, como desenvolvimento

3 Premiações algumas de nossas conquistas. Durante nossos 03 anos de existência, trabalhamos duro para criar projetos únicos, cheios de personalidade e que cumprem seu papel. Como consequência, nosso trabalho foi reconhecido diversas vezes. Abaixo temos nossas principais conquistas. São premiações relevantes dentro do segmento de comunicação, design e web. Mídia Festival 2013 Galo de Prata - Categoria Branding Projeto: Echos Studio Bar & Produções Mídia Festival 2013 Galo de Prata - Categoria Editorial Projeto: Revista Tesla Mídia Festival 2012 Galo de Bronze - Categoria Design: Sites e Hotsites. Projeto: Site da Favolla CSS Winner (2012) Site da Favolla foi premiado como Site do Dia em 01/06/2012

4 Echos Studio Bar & Produções projeto premiado galo de prata mídia festival 2013 Branding, Artes Visuais, Web Design O Echos Studio Bar & Produções é uma mistura de um bar musical estilo Pub e uma produtora musical, com selo próprio. O estilo musical desse projeto varia entre blues, Nosso papel foi desenvolver o conceito da marca, sua identidade visual, de comunicação, entre outros. Também fomos responsáveis pelo site da empresa. jazz e rock. Versões do Logotipo (Original, Studio Bar e Produções). ao lado, algumas combinações de cores possíveis.

5 Conjunto de ícones utilizado em materiais impressos e digitais. Também foram criadas versões do logo incorporando ícones da música (abaixo).

6

7 21/05-19hs R$ 10,00 Rua Agostinho Pattaro, 54, Barão Geraldo Além de definirmos a personalidade da marca, baseando-se em aspectos marcantes dos três gêneros musicais abraçados pelo espaço (blues, jazz e rock), criamos todo o material de aplicação, incluindo os básicos (como materiais de papelaria), materiais de sinalização, cardápios, embalagens, entre outros. O manual de marca também abrange sugestões de aplicação da em vários aspectos. Ao lado, é Rua Agostinho Pattaro, 54, Barão Geraldo 21/05-19hs R$ 10,00 21/05-19hs R$ 10,00 Rua Agostinho Pattaro, 54, Barão Geraldo possível ver exemplos de aplicação em cartazes de shows que seguem a linguagem textual e visual estabelecida. O site do espaço (abaixo) foi dividido em dois: um para o bar, e um para a produtora. Ambos foram desenvolvidos com layout responsivo, ou seja, que é otimizado e se adequa aos dispositivos móveis. Além disso, criamos um pacote de templates e arquivos para serem usados nas redes sociais da marca (também abaixo). página inicial do echos studio bar. destaque para o uso dos ícones, padrões e ilustrações. exemplo de fanpage do echos studio bar no facebook. preparamos imagens e avatares de acordo com a identidade visual.

8 Patas Therapeutas Identidade Visual, Design Gráfico, Ilustração, social media, webdesign A ONG Patas Therapeutas trabalha para levar os benefícios da convivência com os animais para quem mais precisa. Para isso, é realizado um trabalho de Terapia Assistida por Animais (TAA), onde os animais são fundamentais para o processo. Nosso trabalho como voluntários consiste na criação de toda a identidade visual da ONG, bem como suas peças de comunicação, sejam impressas ou digitais. Além disso, administramos suas redes sociais e desenvolvemos um site simples, porém funcional. no topo, a concepção do símbolo através da junção de outros três símbolos conhecidos. Acima, a versão final do logotipo (na vertical), e ao lado, o mascote da ong produzido em 3d.

9 EU Além de desenvolvermos a identidade visual da ONG, também trabalhamos com uma série de ilustrações, tanto em 3D quanto em 2D. As ilustrações são utilizadas em diversas aplicações. Um exemplo é a aplicação das ilustrações em materiais promocionais ou produtos criados para arrecadação de fundos para a ONG. Acima, temos dois exemplos dessa aplicação. Duas estampas de camisetas foram desenvolvidas, usando o mascote em sua versão 2D como base. Essas duas estampas também são utilizadas na produção de outros materiais, como canecas de cerâmica, também vendidas para arrecadação de fundos.

10 10

11 Na página ao lado, temos algumas das poses criadas para o mascote em 3D, utilizadas, em sua maioria, em materiais para social media. Também fizemos um conjunto de personagens em 2D para uso também em postagens para social media. Esses personagens em 2D são vetorizados e também podem ser utilizados em outros materiais. Na página ao lado, também é possível ver algumas telas do site desenvolvido para a ONG. Criamos um site simples, com sistema de gerenciamento de conteúdo para seções específicas, como eventos e agenda de visitas, listagem dos animais terapeutas, listagem de matérias e reportagens sobre a ONG, entre outros conteúdos. Acima, temos alguns exemplos de imagens preparadas especificamente para postagens em social media. Todas as imagens obedecem às diretrizes básicas da identidade visual e procuram sempre passar a mensagem da ONG através de uma linguagem leve, simples e bem humorada. 11

12 Tesla Concursos webdesign, desenvolvimento web, social media Projeto de redesign do website do Tesla Concursos Públicos, empresa que oferece cursos para quem quer prestar concursos públicos para engenharia. Nosso papel neste projeto foi não só reformular do zero a identidade visual do site, como também toda a arquitetura de informações. Para isso, toda a interface do website foi pensada para distribuir as informações importantes da melhor maneira possível. A página inicial do site foi projetada para trazer as informações mais relevantes para o público alvo da empresa. A área de destaque traz uma explicação sucinta sobre qual é o objetivo da empresa. logo abaixo é possível escolher a formação acadêmica do visitante para visualizar cursos oferecidos que a contemplem. na página inicial também há informações sobre os cursos mais procurados, os últimos editais lançados, apostilas mais vendidas, entre outras informações relevantes. Neste projeto, existiam vários tipos de informação: cursos, professores, disciplinas, formações acadêmicas, empresas que oferecem concursos públicos, apostilas, entre outros. Um dos desafios foi otimizar a área administrativa para se trabalhar facilmente na conexão entre esses tipos de informações e garantir que o cruzamento dos dados trouxesse o resultado esperado. Outros detalhes relevantes do projeto: layout responsivo (otimizado para dispositivos móveis), sistema de e-commerce para apostilas com várias opções de pagamento, otimização para ferramentas de busca (SEO), entre outros. 12 o sistema de ecommerce do site funciona para a compra de apostilas individuais ou coleções de apostilas. opções de pagamento OFERECIDAS PELO SISTEMA: pagseguro, cartões de crédito e débito e boleto bancário. na área administrativa, é possível visualizar todos os pedidos realizados, bem como verificar o andamento de cada um, qual é o produto mais vendido, estatísticas de vendas, entre outros detalhes relevantes.

13 13

14 Espaço Tesla Além do Tesla Concursos Públicos, também fomos responsáveis pela realização de outro projeto paralelo, o Espaço Tesla (ao lado). O Espaço Tesla é uma espécie de rede social própria da empresa, onde os alunos dos cursos podem comunicar-se entre si, organizar estudos, participar de grupos de discussão de cada disciplina, realizar simulados, entre outras funcionalidades. Página inicial quando o usuário está logado. aqui ele vê todas as últimas novidades do espaço tesla, como atualizações de usuários, novos arquivos de aulas, novas postagens no blog, entre outras informações. cada usuário tem um perfil próprio, onde é possível editar informações como formação acadêmica, informações de contato, avatar, entre outros. Também é possível selecionar níveis de privacidade para as informações. no espaço de simulados, o aluno pode selecionar quais disciplinas deseja responder. o sistema então gera um conjunto de questões aleatórias. ao final do simulado, é possível verificar o desempenho e o gabarito. o site também conta com uma seção de faq para responder as dúvidas mais frequentes dos usuários, e também um blog, utilizado para anunciar atualizações do sistema e novos recursos desenvolvidos. 14

15 A presença do Tesla Concursos não se limita somente aos dois sites apresentados. Também faz parte dos serviços que prestamos para a empresa o gerenciamento de social media. Nosso trabalho tem foco principalmente na fanpage da empresa no Facebook. Para a fanpage, nós desenvolvemos uma linguagem visual que é condizente com a identidade criada nos dois projetos de sites. A pauta de conteúdo é feita em conjunto com a empresa, sendo boa parte do conteúdo compartilhado vindo do próprio site do Tesla Concursos, enquanto outros são criados especialmente para a rede social. O objetivo da pauta é trazer conteúdo relevante para o público alvo da empresa e servir como uma ferramenta de potencialização das vendas tanto de cursos como de apostilas. 15

16 Revista Tesla projeto premiado galo de prata mídia festival 2013 DESIGN EDITORIAL, ILUSTRAÇÃO 2D E 3D A Revista Tesla é uma publicação de dicas para melhorar o desem- independente e gratuita criada penho no estudo e na realização pela empresa Tesla Concursos Pú- das provas. blicos. O objetivo da publicação é Nosso papel neste projeto foi de- trazer, para os concurseiros, infor- senvolver toda a identidade visual mações relevantes sobre concur- da revista, assim como a realização sos e empresas que oferecem va- do projeto, diagramação e ilustra- gas públicas em engenharia, além ção em 2D e 3D A ilustração da capa foi desenvolvida totalmente em 3D. Modelamos com grande nível de detalhe vários navios de diversos tamanhos para compor a palavra Petrobras. O mar também é uma simulação em 3D. Por 3 16 fim, fizemos a montagem da capa sobre a imagem.

17 No topo, temos um infográfico que desenvolvemos para uma das seções. Primeiro criamos o conceito de um jogo de tabuleiro, com diversos passos para o concurseiro. Depois, produzimos toda a iconografia e montamos o caminho vetorizado. Por fim, criamos uma cena em 3D com as peças do tabuleiro em formato de engenheiros, e fizemos a montagem das informações por cima. Ao lado, é possível ver outras páginas que exemplificam a diagramação do projeto e o uso de fotos e ilustrações. Por exemplo, temos outro infográfico, desta vez vetorizado (2D), e uma outra ilustração vetorizada para a primeira página de uma das seções da revista. Todos os aspectos, como cores, tipografia, iconografia e grid foram pensadas para trazer um ar moderno e singular para o projeto. 17

18 Clínica Sollievo Referências Identidade Visual, Web Design Projeto desenvolvido para uma clínica multidisciplinar, com o objetivo de tratar a Disfunção Temporomandibular (DTM), uma doença que confunde muito os profissionais da Odontologia, e também minimizar as suas dores e outras consequências. Nosso trabalho foi desenvolver um conceito original para uma identidade visual com aplicação básica, em meios impressos e digitais. Tipografia A palavra Sollievo significa alívio em italiano. Portanto o conceito da identidade visual foi pensado para transmitir valores como paz, tranquilidade e simplicidade. Também foi criada uma tagline para acompanhar o logotipo, bem como aplicações em materiais impressos. Também fez parte do projeto o desnvolvimento do website da clínica, que foi criado para ser responsívo, adequando-se a qualquer dispositivo móvel. Símbolo 18

19 Versão final 19

20 Base Energia Identidade Visual, Design Gráfico Versão original do logotipo Projeto de redesign de identidade visual para uma empresa que trabalha com gestão energética e prestação de serviços de engenharia elétrica. Nosso trabalho aqui foi criar uma nova identidade visual, baseando-se na anterior, com o objetivo de conferir um valor maior à marca do cliente. Para isso, foi criada uma tipografia customizada para o logotipo, juntamente com um símbolo que pode ser utilizado separadamente. Além do material básico de papelaria, desenvolvemos também um folder para divulgação do trabalho da empresa para clientes em potencial. Construção do símbolo. Foram unidos dois símbolos: o trapézio, já utilizado na versão anterior, que representa a base, o alicerce de um trabalho bem desenvolvido, e um raio, que é um símbolo facilmente associado à energia elétrica, que é o segmento de atuação da empresa. Versão final do logotipo. para a identidade visual, foram escolhidas duas tipografias diferentes para compor textos de grande prioridade (como a palavra energia do logotipo e títulos) e de prioridade secundária (como textos corridos). 20

21 Além da definição usual de tipografia e paleta de cores, também criamos um conjunto de ícones (ao lado) para enriquecer a identidade visual da empresa. A temática dos íceones segue uma simbologia utilizada em projetos de engenharia elétrica. Os quatro primeiros ícones representam as áreas de atuação da empresa, enquanto os outros oito são auxiliares e podem ser usados em qualquer material. 21

22 ecap Identidade Visual, webdesign Projeto de identidade visual para uma empresa que oferece cursos de aperfeiçoamento profissional para pessoas que desejam ingressar no mercado de Petróleo e Gás. Referências para o logotipo 8 O nome da empresa já estava definido previamente: ecap. A plataforma de ensino utilizada é 100% online, o que justifica o uso da letra e tanto no nome da marca quanto no símbolo do logotipo. Também usamos como referência as gotas de petróleo, que é objeto de estudo da empresa. Por fim, todos os elementos do logotipo foram construídos baseando-se na Proporção Áurea, que é uma escala matemática que, quando utilizada, traz equilíbrio e harmonia para os elementos projetados

23 Criação da paleta de cores Versão final do logotipo Também desenvolvemos o site da empresa. que precisava ter um gerenciamento fácil de conteúdo e também fazer integração com algum sistema de compras. Criamos então o site com base na plataforma WordPress com integração com o PagSeguro, da Uol. Por fim, também criamos uma série de imagens para utilização nas redes sociais da empresa. 23

24 Oscar Inn eco resort Identidade Visual, design gráfico, webdesign O Oscar Inn Eco Resort é um empreendimento idealizado e construído pelo ex-jogador de futebol da Seleção Brasileira, José Oscar Bernardi, que atuou nas Copas do Mundo de 78, 82 e 86. O Resort localiza-se na cidade de Águas de Lindóia, conhecida como a Capital Termal do Brasil, e a 5 minutos de Monte Sião, cidade mineira conhecida como a Capital das Malhas. O resort tem uma forte estrutura para o esporte e a saúde, sendo inclusive o local de concentração da seleção da Costa do Marfim na Copa do Mundo Logotipo Anterior Referências Nosso trabalho foi desenvolver uma identidade visual básica para o resort, trazendo uma imagem mais refinada para a marca. Além disso, fomos responsáveis pelo desenvolvimento dos materiais de divulgação do negócio. Logotipo atual Também desenvolvemos o site atual do negócio, com sistema de gerenciamento de conteúdo e espaço para cadastramento de promoções, inscrições em newsletters, entre outros recursos. 24

25 25

26 outros Logotipos 26

27 outros sites Monaco Convention & Hotel Site desenvolvido usando a plataforma WordPress para gerenciamento de conteúdo. Layout responsivo, ajustando-se a diversos dispositivos, com sistema de cadastro de promoções, newsletters e formulários para reservas. Monaco Center Inn Site desenvolvido usando a plataforma WordPress para gerenciamento de conteúdo. Layout responsivo, ajustando-se a diversos dispositivos, com sistema de cadastro de s para newsletters e formulários para reservas. Terra Bela Paisagismo Estático e simples, o site desta empresa foi desenvolvido com o estilo single page, ou seja, todo o conteúdo está disponível em uma única página, o que o torna um site extremamente rápido e leve. Livros na Rede Redesign do site para uma rede de livros e multimídia para o público cristão. Nosso trabalho aqui foi desenvolver um layout mais atrativo e que estivesse mais adequado à identidade visual da marca. 27

28 Fale conosco telefone: (19) facebook.com/favolla 28