Manual da marca/produção I EAT RIO

MANUAL DA MARCA/PRODUÇÃO

MANUAL DA MARCA/PRODUÇÃO

I EAT RIO é um guia turístico que foge dos padrões, pois apresenta os famosos cartões postais da cidade do Rio de Janeiro através da gastronomia brasileira. A ideia é fazer com que o turista conheça todos os pontos turísticos da cidade e experimente tudo o que faz parte do cardápio carioca, tendo assim, uma experiência que julgamos completa.

Enquanto os guias convencionais se importam exclusivamente em mostrar a cidade , I EAT RIO aposta em uma abordagem que faz a união entre o conhecer e o viver. Buscamos a total imersão do visitante e nos preocupamos não no superficial, mas em oferecer uma sensação diferenciada.

Para isso, fizemos um levantamento completo das comidas tipicamente brasileiras e dos melhores restaurantes cariocas em que elas se encontram. Nosso guia foi todo planejado para que o turista possa conhecer o que há de mais brasileiro no Rio. Além disso, buscamos dar prioridade não aos mais caros e badalados, mas sim aos mais conceituados por gente que realmente vive a cultura carioca.

Em paralelo aos restaurantes e as comidas, selecionamos lugares imperdíveis para o turista visitar. Em nosso guia, além de citar, explicamos do que se trata cada lugar e disponibilizamos endereço e horário de funcionamento em todos eles, bem como fazemos com os pratos típicos e os restaurantes.

Como um dos focos principais do nosso projeto é a praticidade, criamos um simples sistema de informações, onde os pratos/restaurantes se encontram em ordem numérica e os pontos turísticos em ordem alfabética, todos respeitando as divisões de bairros que optamos por fazer. Facilitando assim a localização no mapa que desenvolvemos.

Para produzir o mapa, procuramos referências de outros sites e de outros guias. Feito isso, definimos a linha que deveriamos seguir e iniciamos as ilustrações. Mais uma vez pensando na praticidade, nosso mapa apresenta somente o necessário e o que contém nas informações do guia.

O I EAT RIO está disponivel em duas versões: guia impresso e digital, ambas disponíveis em inglês e português. O guia impresso foi criado para ser distribuído em albergues e hotéis e todos os exemplares são de distribuição gratuita. Para isso, contamos com a parceria e o patrocínio da Prefeitura da Cidade do Rio de Janeiro.

A versão digital se sustenta no site www.ieatrio.com, onde além das informações do guia impresso, o turista pode encontrar outras opções de restaurante e comidas que estão disponíveis exclusivamente na versão online. Outro diferencial do site é a opção de “Faça seu mapa”, onde é possivel interagir com o guia e criar seu próprio roteiro a partir das informações dispostas no próprio site.

2

MANUAL DA MARCA/PRODUÇÃO ÍNDICE MANUAL DA MARCA A logomarca

4

Tipografia

4

Aplicação em 1 cor

5

Redução

5

A paleta de cores da marca

5

Área de proteção

6

Exemplos de aplicações erradas da marca

6

MANUAL DE PRODUÇÃO GUIA IMPRESSO Modelo para montagem e ordenação das páginas para impressão

7

Modelo de página

9

Elementos da página: 1 - Faixa superior (indicação de zona)

10

2 - Paleta de cores das zonas

10

3 - Texto dos restaurantes

10

4 - Box colorido

11

Composição da capa

12

Composição da contracapa

13

Mapa

14

Orçamento de impressão

15

Adesivos

16

SITE

17

Wireframe da página principal

18

Especificações box “fale conosco”

19

Especificações box “pontos de distribuição do guia”

20

Wireframe página “faça seu mapa”

21

Especificações box com info dos restaurantes

3

Fluxograma

22

Orçamento de produção do site

23

MANUAL DA MARCA A LOGOMARCA

1,15

A logomarca oficial é composta pela tipografia (“I” e “RIO”) combinada com o símbolo (prato com o garfo e a faca).

Ela pode ser utilizada sobre fundo verde (desde que o mesmo verde da paleta de cores oficial da marca), ou então dentro da elipse (que deve respeitar as proporções de 1,00 de diâmetro horizontal e 1,15 de diâmetro vertical), também verde.

A tipografia utilizada é a American Typewriter Bold, com um espaço ajustado (menor) entre o R e o I, para manter a unidade da marca.

TIPOGRAFIA PRINCIPAL

TIPOGRAFIA SECUNDÁRIA

American Typewriter Bold

American Typewriter Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

ABCDEFGHIJKLMNOPQRSTUVWXYZ

a b c d e f g h i j k l m n o p q r s t u v w x y z

a b c d e f g h i j k l m n o p q r s t u v w x y z

012 3 4 5 6 7 8 9 . , ? ! - @

012 3 4 5 6 7 8 9 . , ? ! - @

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Donec ante ligula, lacinia sed ornare nec, ullamcorper ut sem.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Donec ante ligula, lacinia sed ornare nec, ullamcorper ut sem.

4

MANUAL DA MARCA APLICAÇÃO EM 1 COR

* Sempre que possível, utilizar versão com escala de cinza, para não perder a hierarquização marcada pela diferença entre a cor do símbolo (prato) e da tipografia.

A PALETA DE CORES DA MARCA

8mm

REDUÇÃO

10mm Redução máxima permitida.

5

MANUAL DA MARCA ÁREA DE PROTEÇÃO A área mínima de proteção ao redor da logomarca (onde não deve haver nenhuma interferência de nenhum elemento deve corresponder a 2 vezes a largura do “I” (sem considerar a serifa), aplicada a partir de seus limites.

2

1

2

EXEMPLOS DE APLICAÇÕES ERRADAS DA MARCA

6

Não altere as cores da marca.

Não altere as cores da marca, nem mesmo as inverta.

Não aplique contorno (outline) em nenhum elemento da marca.

Não gire a marca (só é permitido a aplicação de rotação na marca, quando na elipse).

Não altere a cor do fundo.

Não aplique contorno (outline) em nenhum elemento da marca (nem mesmo sendo aplicado em 1 cor).

Não distorça a marca. Mantenha sempre as proporções originais.

Não altere a tipografia.

Não altere as proporções entre os elementos da marca.

MANUAL DE PRODUÇÃO

GUIA IMPRESSO

MODELO PARA MONTAGEM E ORDENAÇÃO DAS PÁGINAS PARA IMPRESSÃO

Modelo para montagem e ordenação das páginas para impressão, com as especificações de corte (linha contínua) e vinco (linha pontilhada).

Tamanho de cada página dobrada: 140 x 190mm; Tamanho do guia aberto: 560 x 380mm (+5mm em cada margem externa referente à margem de sangramento).

7

MANUAL DE PRODUÇÃO

GUIA IMPRESSO

MODELO PARA MONTAGEM E ORDENAÇÃO DAS PÁGINAS PARA IMPRESSÃO

Demonstração do funcionamento da dobra, a partir de fotografia.

8

MANUAL DE PRODUÇÃO

GUIA IMPRESSO

Pavão azul | pastel

5

É um salgado feito com massa de farinha com recheios variados. Geralmente são fritos ou assados no forno.

É preparada a base de feijão e carne de porco, um prato típico brasileiro.

Rua Prudente de Moraes, 10 – Ipanema Telefone: 2247-2776 Horário: 12h-0h

Rua Hilário de Gouveia, 71 - lojas A e B Copacabana Telefone: 2236-2381 Horário: 12:00-00:00 (sexta até 2:00, domingo até 20:00)

6 Academia da Cachaça | caipirinhas

Um tradicional café da manhã, com bela vista de Copacabana.

Praça Cel Eugênio Franco nº 1, Copacabana Telefone: 3201-4049 Horário: 12:00h-16:00h

Rua Conde Bernadotte, 26 – Leblon Telefone: 2529-2680 e 2239-1542 Horário: 12h-1h (sex. e sáb. até 2h)

3 Manuel e Joaquim | bolinho de bacalhau

7

Av. Atlântica, 3806 - Posto 6 Copacabana Telefone: 2523-1128 Horário: Diariamente, a partir das 12h.

Rua Rita Ludolf, 90 - loja A – Leblon Telefone: 2274-8295 Horário: 10h-19h30

Toca do Siri | acarajé

É uma especialidade gastronômica da culinária afro-brasileira feita de massa de feijão-fradinho, cebola e sal, frita em azeite-de-dendê. O acarajé pode ser servido com pimenta, camarão seco, vatapá, caruru ou salada.

A

Pedra do Arpoador

B

Forte de Copacabana

Linda vista das praias de Ipanema e Leblon. Vale a pena subir no entardecer e assistir ao pôr do sol em uma das mais belas vistas do Rio.

Rua Raul Pompéia, 6 – Copacabana Telefone: 2267-0894 Horário: 12:00-23:00. (não abre às segundas)

57

Colher de Pau | brigadeiro

É feito com leite condensado, achocolatado em pó, manteiga e chocolate granulado por cima. Seu formato varia de lugar para lugar, pode ser no formato redondo, em copinho, ou em colheres.

Bolinho de peixe frito com farinha de trigo.

10

150

É uma das bebidas brasileiras mais conhecidas internacionalmente. É feita com cachaça, limão (ou qualquer outra fruta), açúcar e gelo. É servida na maioria dos bares e restaurantes.

Confeitaria Colombo | café da manhã 2

4

Casa da feijoada | feijoada

Aonde funciona o Museu Histórico do Exército/Forte de Copacabana. Possui ainda uma bela vista de Copacabana e a tradicional Confeitaria Colombo.

6

57

5,3 3,4 1,2

1

6,2

26,1

MODELO DE PÁGINA

10

* Medidas em milímetros.

9

MANUAL DE PRODUÇÃO

GUIA IMPRESSO

ELEMENTOS DA PÁGINA

4,7 3,8

17,8

1 - Faixa superior (indicação de zona):

2,4

137,6

* Medidas em milímetros.

2 - Paleta de cores das zonas:

Aparece em todas as página, na parte superior. É o que identifica a zona tratada na página. A ilustração é sempre a mesma, mudando apenas a cor, correspondente à zona. Em baixo, o texto indicando os bairros que compoem a zona, em American Typewritter Bold, corpo 14.

3 - Texto dos restaurantes: Nome do Lugar (“Pavão azul”): Helvetica Bold 10/10 (com deslocamento de 5 mm para a direita - espaço para o ponto) Ponto: 3,5mm de diâmetro, na cor correspondente à zona (nesse caso, laranja).

Número composto em branco, Helvetica Bold, corpo 8, sempre centralizado no ponto.

Nome do prato (“pastel”): Helvetica Bold Oblique 10/10 Explicação (“É um salgado feito com...”): Helvetica Regular 9/10 (com 1 mm de espaço depois do nome do lugar e do prato).

Ficha técnica (endereço/telefone/ horário): Helvetica Oblique 8/10 (com 1 mm de espaço depois da explicação). * Todo texto é justificado, com hifenização, exceto o nome do lugar e do prato.

10

MANUAL DE PRODUÇÃO 4 - Box colorido:

GUIA IMPRESSO

Nome do lugar (“Pedra do Arpoador”): Helvetica Bold 10/10 (com recuo de 5mm para a direita - espaço para o ponto)

Ponto: 3,5mm de diâmetro, na cor correspondente à zona (nesse caso, laranja), com um contorno (stroke) branco de 1pt.

Letra composta em branco, Helvetica Bold, corpo 8, sempre centralizada no ponto.

Explicação (“Linda vista das praias de Ipanema...”): Helvetica Regular 9/10 com 1mm de espaço entre o nome do lugar e a explicação.

6,5

26,1

O box colorido apresenta os pontos turísticos da zona. Seu tamanho varia de acordo com o conteúdo, mantendo-se sempre na coluna da direita, com o espaço de 3,4mm com a faixa colorida que marca o fim da página. Entretanto, sua altura pode variar, chegando ao tamanho máximo, em que a distância entre a faixa superior (de indicação da zona) e o início do box seja de 6,5mm (como nas páginas rosa, vermelha e azul escura).

O aipim é um tipo de mandioca frita, já o tutu é feito com feijão cozido e refogado, com pedaços de bacon frito, cebola e alho, misturado com farinha de mandioca.

Rua Paulo Barreto, 25 - loja A e B - Botafogo Telefone: 2286-2176 Horário: 11h-1h 13

Botequim | picadinho

Tradicionalmente preparado com carne bovina, cortada em pequenos cubos, frita e temperado com alho e pimenta.

Rua Visconde de Caravelas, 184 - Humaitá Telefone: 2286-3391 e 2537-7650 Horário: 12h-1h 14

Porcão Rios | churrascaria

No esquema rodízio, é oferecido ao cliente diversos cortes de carne (destaque para picanha e coração de galinha).

Av. Infante Dom Henrique, s/nº, Aterro do Flamengo Telefone: 3461 9020 Horários: seg a qui: 12-00h/sex e sáb: 12-0:30h/ dom e feriados: 12-23h 15 Refeitório Orgânico | comida vegetariana

Apesar de o churrasco ser típico, existem boas opções para aqueles que não comem carne.

G

Favela Santa Marta

É uma favela localizada no Morro Dona Marta no bairro de Botafogo, na cidade do Rio de Janeiro. É famosa por ter sido palco do clipe de Michael Jackson, They Don’t Care About Us. Possui uma bonita vista e hoje em dia está pacificada e policiada. Existem passeios turísticos guiados que passam pelas favelas, para quem tem curiosidade de conhecer com segurança esses locais.

H

Pão de Açúcar

I

MAM

J

Aterro do Flamengo

O teleférico do Pão de Açúcar foi o primeiro instalado no Brasil e o terceiro no mundo. O passeio tem como cenário 360º de paisagens deslumbrantes como a vista para as praias do Leme, Copacabana, Ipanema, Flamengo, Leblon; Pedra da Gávea e o Corcovado, com a imagem do Cristo Redentor; Baía de Guanabara; Aeroporto Santos Dumont; Ilha do Governador; Niterói; Ponte RioNiteroí.

148,7

12 Adega da Velha | aipim frito e tutu de feijão

O Museu de Arte Moderna fica no Aterro do Flamengo. Além de sua coleção permanente e exposições, a arquitetura e a paisagem são grandes atrativos.

Grande área aterrada, que hoje em dia é utilizada para caminhadas e práticas de esporte em geral. Destaca-se pela bela vista da Baia de Guanabara.

5,3 3,4

Rua Dezenove de Fevereiro, 120 - Botafogo Telefone: 2537-0750 Horário: 11-16h (dom. fecha).

11

* Medidas em milímetros.

MANUAL DE PRODUÇÃO

GUIA IMPRESSO

COMPOSIÇÃO DA CAPA

* Medidas em milímetros.

A capa do guia vem nas cores da marca, com o logo como elemento principal.

O logo vem em uma variação, o prato é composto por ilustrações que simbolizam lugares e comidas do Rio. Mantem-se a cor amarela nos elementos que compoem o prato.

O logo aparece com uma inclinação de 7 graus, assim como o grafismo que representa o desenho do calçadão de Copacabana, composto em branco, com opacidade de 30%.

12

MANUAL DE PRODUÇÃO

GUIA IMPRESSO

COMPOSIÇÃO DA CONTRACAPA

* Medidas em milímetros.

A contracapa do guia vem nas cores da marca, com a “continuação” dos grafismos da capa.

O texto explicativo é composto em American Typewriter 12/15, variando em sua versão Regular (todo texto) e Bold (quando escrito o nome da marca, o endereço do site e a última frase) Abaixo, aparece o logo “I EAT RIO”, junto com o logo da Prefeitura (em branco, vazado em verde).

13

MANUAL DE PRODUÇÃO

GUIA IMPRESSO

380

MAPA

560

* Medidas em milímetros.

Dimensões: - bolinha coloridas (mesma cor das zonas): 5 x 5 mm - números: Helvetica Bold 10 pt - letras: Helvetica Bold 11 pt (todas em caixa alta e stroke branca de 1 pt) - boxes do lado direito do mapa (informações complementares): 73 x 21 mm - logo I EAT RIO: 156 x 135 mm - nome das ruas: Myriad Pro Bold Condensed 6 pt - pontos turísticos e alguns outros lugares de referência: Myriad Pro Bold Condensed 13 pt

14

MANUAL DE PRODUÇÃO

GUIA IMPRESSO

ORÇAMENTO DE IMPRESSÃO DO GUIA

Data: Nº do Orçamento: Cliente: A/C:

sexta-feira, 17 de junho de 2011 41260 Eduardo Franco Eduardo ESPECIFICAÇÃO DO TRABALHO

Produto:

Lamina

Formato:

56 x 38cm

Papel:

Couchê matte 115g

Cor:

4/4

Acabamento:

Dobra Mapa - Corte Reto

Fotolito:

CTP e Prova Digital inclusos

Quantidade:

100.000

ISS Entrega: Validade: Pagamento:

Incluso no preço A combinar 10 dias 28 dd

Preço:

R$ 30.030,00

Obs.: Material personalizado, sob encomenda, para uso e consumo do encomendante.

Nota: O preço acima inclui o transporte, somente para mercadorias a serem entregues na cidade do Rio de Janeiro.

A entrega total está sujeita a variação na quantidade encomendada, para mais ou para menos, de 5% do pedido.

Rio BPC Artes Gráficas Ltda.

15

RIO BPC ARTES GRÁFICAS Rua Antunes Maciel, 254 - São Cristovão Rio de Janeiro RJ 20940 010

MANUAL DE PRODUÇÃO

GUIA IMPRESSO

ADESIVOS

Adesivos 0,85 x 0,85 cm Círculo vazado 0,5 x 0,5 cm

Use os adesivos amarelos para marcar os lugares que pretende conhecer, e os verdes e vermelhos para indicar os que visitou (e se atenderam ou não suas expectativas).

Adesivos Logo

6 x 5 cm

3 x 2 cm

16

17

46

13

13

7

7

22

13

134

English / Português

Zona 6

Zona 4

Zona 2

Os elementos estruturais básicos são a

6 6

376

16

25

Mapa

745 x 485

20

59

25 Fale conosco

7

3

ícones

16 x 16

3

Patrocínio

40 x 21

3 3

12

16

560 unidade : pixel

Nas outras páginas estão os botões referentes a cada uma das zonas (incluindo a zona que o usuário está acessando - esta aparece em destaque).

93

25 Pontos de distribuição

American Typewriter Bold BT - 14 pt

18

Os outros botões alteram. Na página principal estão: 1 - Faça seu mapa 2 - Fale Conosco 3 - Pontos de Distribuição 4 - ícones de compartilhar e enviar

554

110

Faça seu mapa

baixo” (que contém o logo da prefeitura, os botões de navegação do mapa e algumas opções na página “Faça seu mapa personalizado”.

1000

Botão para movimentação do mapa

23 x 27

informação”(sempre do lado esquerdo, aonde aparecem os restaurantes); a “área do mapa”, que representa a maior parte do layout da página; e a “barra de

Barra de Zoom

96 x 14

“barra de ferramentas superior”(que sempre contém o logo e as opções de idioma (english/ português) alinhados à esquerda); a “coluna de pesquisa e

6

115 x 48 American Typewriter Bold BT

Zona 5

Zona 3

Zona 1

Introdução / Explicação

223 x 277 Calibri Regular - 11 pt

Busca

American Typewriter Bold BT - 12 pt

248 x 23 Arial Regular - 12 pt

Logo

A configuração e organização básica do espaço nas páginas se mantém sempre igual.

6

38

45

14

46 27

16

MANUAL DE PRODUÇÃO SITE

WIREFRAME DA PÁGINA PRINCIPAL

MANUAL DE PRODUÇÃO

SITE

ESPECIFICAÇÕES BOX “FALE CONOSCO”

O box abre em cima da página inicial, quando o usuário clica no botão “Fale Conosco”.

O texto é composto em Calibri 12/14,4.

O texto do botão “enviar” é composto em American Typewritter 12pt O box aparece com uma sombra (dropshadow) embaixo.

Modo: Multiply Opacidade: 75% X Offset: 0mm / Y Offset: 0mm Blur: 1,76mm Cor: Preto

18

MANUAL DE PRODUÇÃO

SITE

ESPECIFICAÇÕES BOX “PONTOS DE DISTRIBUIÇÃO DO GUIA IMPRESSO”

O box abre em cima da página inicial, quando o usuário clica no botão “Pontos de Distribuição”.

O texto é composto em Calibri 12/14,4, variando em Regular e Italico (nos endereços).

O box aparece com uma sombra (dropshadow) embaixo.

Modo: Multiply Opacidade: 75% X Offset: 0mm / Y Offset: 0mm Blur: 1,76mm Cor: Preto

19

46

20

5

38

45

13

13

13

Busca

4

3

Calibri Bold - 12 pt/ Calibri Italic - 12 pt

224

13 x 456 Barra de rolagem

Todas opções de restaurante, em todas as zonas, para seleção do “Faça seu mapa”

237 x 451

Restaurantes/comida

Calibri Bold - 12 pt

American Typewriter Bold BT - 13 pt

Pontos Turísticos

Zonas 221 X 26

134

English / Português

American Typewriter Bold BT - 12 pt

248 x 23 Arial Regular - 12 pt

Logo

14

44

5 6

31

96 x 14 Barra de Zoom

Zona 1

92 31

8

16

92 31

92

Zona 3

19 212

23 x 27 Botão para movimentação do mapa

Zona 2

8

1000

31

Mapa

50 x 12 Salvar

745 x 485

Zona 4

92

American Typewriter Bold BT 8

31

8

36

92

Zona 5

76 x 13 Imprimir

31

8 92

28

Zona 6

92

Faça seu mapa

133 x 13 Enviar por email

31

8

17

12

unidade : pixel

40 x 21 Patrocínio

55

46 27

16

MANUAL DE PRODUÇÃO SITE

WIREFRAME PÁGINA “FAÇA SEU MAPA” 560

MANUAL DE PRODUÇÃO

SITE

ESPECIFICAÇÕES BOX COM INFORMAÇÕES DO PRATO/RESTAURANTE:

O box abre em cima do ponto referente ao restaurante, quando o usuário passa o cursor do mouse em cima (do ponto).

O box vem na cor referente à zona, com opacidade de 70%.

Composição tipográfica: Nome do restaurante (“Manuel e Joaquim”): Helvetica Bold 9pt.

Nome do prato (“bolinho de bacalhau”): Helvetica Regular 9pt.

Descrição do prato (“Bolinho de peixe frito...”): Helvetica Regular 8pt.

Endereço: Helvetica Oblique 8pt.

Ficha técnica (telefone e horário): Helvetica Regular 8pt.

21

MANUAL DE PRODUÇÃO FLUXOGRAMA

22

SITE

MANUAL DE PRODUÇÃO

SITE

ORÇAMENTO DE PRODUÇÃO DO SITE

1.

Orçamento de servidor de web – é possível ver através deste site www.jaguarpc.com um orçamento.

2.

Orçamento de registro de domínio – através deste site www. aletianic.com é possível montar um site com todos seus domínios, exigências e especificações para visualização online ou móbile, pelo Google ou Yahoo, certifiados de segurança do site, entre outros itens que podem ser adicionados no orçamento do registro do domínio.

3.

Orçamento de design

Varia com a complexidade do site. Calcula-se mais ou menos R$100 por hora de trabalho.

4.

Orçamento programação

Varia com a complexidade do site. Calcula-se mais ou menos R$100 por hora de trabalho. Como a linguagem utilizada para desenvolver o site utiliza-se de Api, que é considerado uma ferramenta nova, exigese um conhecimento maior do programador.

Seria necessário fazer um planejamento de quantas horas de trabalho para o design e para programação do site em questão e assim chegar a um custo total. Esse custo varia também para número de pessoas trabalhando no desenvolvimento do site.

Linguagem para desenvolvimento do site HTML com JavaScript com uso API do Google maps.

Php para montar a estrutura do site e CSS para definir fonte, tamanho, entre linha, etc.

HTML – dá a estruturação dos dados de todo conteúdo, texto, etc.

JavaScript – cuida de toda interação do site CSS – que é lincado ao HTML, que define o tipo de fonte, tamanho, entre linha, etc.

PHP – utilizado para gerar conteúdo dinâmico API – Interface de Programação de Aplicação

23