brandbook.bseller by Renata Dias

BRANDBOOK 2014

SUMÁRIO Golden.Circle

Público-alvo

A.comunicação

Brand.personality

Tons.de.Voz

Estilo.de.Escrita

Sistema.de.Endosso

REGRAS DE APLICAÇÃO Paleta.de.Cor

Tipografia

Web

Papelaria.básica

ASSINATURA Malha

Versões

Diretrizes

POR DEFINIÇÃO... O [B] SELLER É A PLATAFORMA DA B2W SERVICES QUE COMBINA CRIAÇÃO DE LOJAS ONLINE E GESTÃO DE BACKOFFICE

O QUE FAZEMOS? Somos a melhor e mais completa plataforma de serviços para a criação de lojas online e gestão de backoffice do mercado.

COMO FAZEMOS? Através de alta tecnologia e da expertise que temos por sermos a maior marca de e-commerce da América Latina.

POR QUE? Porque acreditamos em um mercado digital democrático, aberto e com oportunidades para todos que tenham força e talento para empreender. 6

PÚBLICO-ALVO O público-alvo do [B] Seller são empresas que querem operar seu negócio em e-commerce de pequeno, médio e grande porte.

A COMUNICAÇÃO Performance, inovação e a melhor experiência de marca para toda a comunidade de lojistas digitais.

ORIENTAÇÕES GERAIS PARA TUDO O QUE FAZEMOS SEJA AUTÊNTICO

SEJA CONFIANTE

SEJA INTENSO

Seja verdadeiro,

Contundente, decidido e

Seja expressivo,

genuíno, único. Leal

seguro de si. Não deixe

simples e icônico.

àquilo que somos,

margem para dúvidas.

fazemos e para quem fazemos.

SEJA HUMANO

SEJA INOVADOR

Feito de pessoas,

Tecnologia e inovação

por pessoas e para

são as origens e

pessoas.

destinos de tudo o que fazemos.

CUIDADO! A arrogância é o tiro pela culatra.

BRAND PERSONALITY A base da personalidade de marca do [B] Seller está no arquétipo do Herói - o que também está de acordo com o que se sugere da marca B2W Digital.

COMO ENTENDER O HERÓI? DESEJO: provar seu valor através de ações corajosas e com alto grau de dificuldade

ARMADILHA: arrogância, criar uma necessidade de que sempre haja um inimigo

OBJETIVO: executar feitos de maestria de modo a melhorar o mundo

DONS: competência e coragem

MEDO: vulnerabilidade, fraqueza ESTRATÉGIA: tornar-se mais forte, competente e poderoso quanto se pode ser

O CHAMADO Alguém precisa da sua ajuda para se defender. Você precisa estar lá. O NOSSO NÍVEL Usar nossa força, competência e coragem para algo que faça a diferença para nós e para o mundo. O MARKETING DO HERÓI Os consumidores do herói, especialmente os que expressam os níveis mais altos do herói (o que é o nosso caso) são ávidos por valor, virtude e convicção. É exatamente essa convicção que temos que mostrar para o nosso consumidor.

BRAND PERSONALITY A base da personalidade de marca do [B] Seller está no arquétipo do Herói - o que também está de acordo com o que se sugere da marca B2W Digital.

O [B] SELLER ENQUANTO HERÓI: EXIBIÇÃO DE FORÇA A mais completa e poderosa plataforma para criação e gestão de lojas online, forjada a partir da expertise do maior grupo de e-commerce da América Latina.

CARACTERÍSTICAS DISTINTIVAS: TOP PERFORMANCE: capacidade e desempenho em altíssimos níveis COMPLETO: backoffice e webstore

ADAPTÁVEL: pronta para atender em alto nível às necessidades de todo tipo de cliente

EVOCAÇÃO O herói [B] Seller deverá evocar o herói dentro do nosso interlocutor. Deverá inspirá-lo heroicamente, mostrando ser ele capaz de ter ou ser o alto desempenho que procura; de feitos extraordinários por si só. Somos esse desempenho e oferecemos isso a ele.

TONS DE VOZ

Usando as características do herói, nosso discurso global será baseado na tríade competênciavirtude-conhecimento, como exemplificado a seguir:

O discurso do [B] Seller é pautado na ideia de ser uma ferramenta pronta para ajudar o varejista, oferecendo a melhor loja online que ele pode ter e a mais completa do mercado com webstore e backoffice na mesma solução.

COMPETÊNCIA NINGUÉM entrega como a gente. NINGUÉM possui uma plataforma tão COMPLETA como a nossa. O seu negócio ELEVADO ao nível MÁXIMO. TODO POTENCIAL do seu negócio. A MELHOR loja online que você pode ter.

PALAVRAS-CHAVE completo, alta performance, inédito, único, potencial, máximo… Tudo o que amplie a sensação de desempenho.

VIRTUDE PALAVRAS-CHAVE ajuda, auxílio, cliente, lado-a-lado, suporte. Tudo o que der a sensação de promoção do que for MELHOR para um bem MAIOR: a relação B2C.

Promover a MELHOR experiência de consumo online para o seu cliente. AJUDAR você a estabelecer NOVOS NÍVEIS de relacionamento com o seu consumidor. ESTAR AO SEU LADO para fazer a sua vida e a do seu cliente melhores.

CONHECIMENTO O MAIOR grupo de e-commerce da América Latina. NINGUÉM sabe e tem tanto SUCESSO quanto a gente e agora toda essa EXPERTISE está ao seu lado.

PALAVRAS-CHAVE expertise, sucesso, maior grupo de e-commerce da América Latina. Endosso de marca.

ESTILO DE ESCRITA

ORIENTAÇÕES GERAIS Os textos devem sempre respeitar as normas estabelecidas pelo Acordo Ortográfico de 2009 e os tons de voz de comunicação da marca. Na redação, priorize o uso da ordem direta para facilitar o entendimento e manter a força da marca.

O manual de estilo do [B] Seller tem como objetivo orientar quanto à correta aplicação da marca em textos e peças jornalísticas e promocionais.

ORTOGRAFIA DA MARCA Textualmente, o [B] Seller deve ser escrito sempre com o B entre colchetes, com espaço entre o colchete e a palavra Seller. Os colchetes representam visualmente a marca [B] Seller, fazem uma referência direta ao logo e mantêm o conceito.

Aplicação correta: [B] Seller

Sua referência nominal deverá sempre seguir essa regra. É incorreta qualquer outra aplicação ortográfica que divirja do apresentado acima. São exemplos de aplicação incorreta:

[B]Seller

[B]seller

bseller

BSeller

[b]seller

B Seller

b seller

ESTILO DE ESCRITA O manual de estilo [B] Seller tem como objetivo orientar quanto à correta aplicação da marca em textos e peças jornalísticas e promocionais.

ARTIGOS Por se tratar de um produto/ferramenta, o [B] Seller deve ser identificado sempre pelo artigo definido masculino.

COMO USAR

NÃO USAR

“O [B] Seller é uma ferramenta completa.”

“A [B] Seller é a ferramenta mais completa do mercado.”

“O [B] Seller é o maior player do mercado.”

“A [B] Seller é a melhor loja online que você poderia ter.”

TERMOS DE REFERÊNCIA O [B] Seller é um produto que reúne duas ferramentas de gestão em um só lugar: webstore e backoffice. Por isso, deve-se respeitar o emprego dos termos de referência:

COMO USAR

NÃO USAR

plataforma de e-commerce; webstore; plataforma de gestão de lojas online; plataforma de lojas online; loja virtual; ferramenta de backoffice; backoffice; sistema de backoffice; sistema de backoffice/ERP

loja digital, loja na internet, front de loja, sistema de loja virtual, sistema de front de loja; ERP; ferramenta de ERP

SISTEMA DE ENDOSSO Conforme hierarquia da B2W Digital, a marca [B] Seller está subordinada à B2W Services. Pelo sistema de endosso, sempre que a marca [B] Seller aparecer pela primeira vez, ela deverá ser referenciada pela marca superior. Nas demais referências não é necessário repetir o endosso.

COMO USAR “[B] Seller Powered by B2W Services” Entretanto, em peças promocionais, institucionais e sites, o endosso da B2W Services deve aparecer em forma de assinatura, como nos exemplos abaixo:

Post de Facebook

Verso do folder

REGRAS DE APLICAÇÕES

Paleta de cor

PANTONE

RGB

CMYK

60 00 38 00

00 00 00 40

Hexadecimal

3292 C 3292 U

3282 C 3282 U

22 161 135

28 178 148

82 20 60 04

8014 58 01

#16a187

#1cac94

3272 C 3272 U

20 206 170 72 08 50 00 #00a19c

3262 C 3262 U

12 226 184 66 06 44 00 #00bcb5

3258 C 3242 U

06 234 195

#06eac3

Cool Gray 7 C Cool Gray 7 U 178 178 178

#b2b2b2

PALETA DE APOIO PANTONE

PANTONE

RGB

CMYK

Hexadecimal

114 C 107 U

254 221 60 02 10 82 00 #fedd3c

Black 7 C Black 7 U

112 111 111 00 00 00 70 #706f6f

Cool Gray 2 C Cool Gray 2 U 218 218 218 00 00 00 20 #dadada

REGRAS DE APLICAÇÕES

Tipografia

FAMÍLIA TIPOGRÁFICA

A família tipográfica de apoio escolhida para a marca é a DINPro, a mesma usada pela B2W Digital, e tem quatro pesos de fonte para uso em situações variadas.

DINPRO LIGHT

DINPRO REGULAR

DINPRO MEDIUM

DINPRO BOLD

ABCDEFGHIJKLMNOP QRSTUVWXYZ

abcdefghijklmnopqrs tuvwxyz

1234567890

ABCDEFGHIJKLMNOP QRSTUVWXYZ

BAIXAR FONTES

REGRAS DE APLICAÇÕES

Web

ASSINATURA DE EMAIL

A assinatura foi elaborada de acordo com o padrão visual da marca, devendo respeitar o sistema de endosso, tipografia e cores padrão.

LOGO

Aplicar o logo do [B] Seller em sua versão principal e no tamanho de 42px de altura, seguido do endosso da B2W Services com 26px de altura. REPRESENTANTE O nome da pessoa deverá ser no cinza 70% Black e com a fonte DINPro Medium 18pt. DADOS A assinatura deverá ter o e-mail, os telefones de contato com o DDD e o endereço online do [B] Seller. O hexadecimal do cinza é #aeadb3 (40% Black). Tudo com a fonte DINPro Regular 13pt.

REGRAS DE APLICAÇÕES

Web

SELO [B] SELLER

Os selos do [B] Seller foram criados para identificar os parceiros da marca em sites e material de divulgação. Existem dois níveis de parceria, como mostrados abaixo.

EMPRESA PARCEIRA

A aplicação do selo deve ser feita respeitando o tamanho mínimo de 92px de largura.

EMPRESA PARCEIRA PREMIUM

A aplicação do selo deve ser feita respeitando o tamanho mínimo de 92px de largura.

REGRAS DE APLICAÇÕES

Papelaria Básica CARTÃO DE VISITA

André Petenussi Petenussi André André Petenussi

andre.petenussi@bseller.com.br andre.petenussi@bseller.com.br andre.petenussi@bseller.com.br 55 11 11 3454-3168 3454-3168 55 55 11 3454-3168 55 11 2380-9025 55 11 2380-9025 55 11 2380-9025 5511 1199734-0901 99734-0901 55 55 11 99734-0901

O cartão de visita do [B] Seller deve respeitar a forma, as cores para uso principal da marca e a tipografia padrão. O conceito do cartão foi pensado para fazer referência ao símbolo da marca.

INFORMAÇÕES Tamanho: 5 x 5 cm Cor: 4/4 Suporte: Duo design 250g Valor aproximado: R$1.612,00 (1.300 UNIDADES) Acabamento: Laminação fosca Frente e verso e verniz localizado nos quadrados da marca

BAIXAR ARQUIVO

REGRAS DE APLICAÇÕES

Papelaria Básica

TIMBRADO E ENVELOPE

O papel timbrado e o envelope devem respeitar as cores para uso principal da marca, bem como a tipografia padrão e seguir o conceito apresentado a seguir.

Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nunc eros, bibendum et sollicitudin id, ultrices vitae massa. Integer porttitor mi ac rutrum tristique. Vestibulum consectetur dignissim quam, et consequat dolor tempor eget. Curabitur suscipit molestie purus, in euismod leo imperdiet id. Nam nunc est, facilisis sit amet enim ut, auctor porttitor metus. Nunc vitae justo fringilla, sodales felis et, ultrices mauris. Duis lobortis porttitor bibendum. Etiam et commodo lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In fermentum non neque ornare consectetur. Pellentesque sed tellus at arcu consectetur dictum at ac neque. Duis lorem quam, volutpat ullamcorper vehicula vel, commodo sit amet odio. Duis at ultricies ipsum. Aenean lobortis nec sem adipiscing viverra. Curabitur pellentesque, mauris eu egestas feugiat, arcu nibh porta est, id vulputate tellus eros eu lacus. Ut facilisis massa tincidunt, interdum mauris sit amet, dignissim velit. Nunc nunc ante, ornare et ligula sit amet, porta mollis arcu. Donec tempus mollis erat, et consectetur leo lacinia in. Nulla sit amet varius turpis. Nam in aliquet leo. Morbi malesuada malesuada imperdiet. Nunc dictum vitae odio eget fringilla. Phasellus laoreet tempus mauris, in tristique libero vestibulum non. Morbi cursus turpis non diam rutrum ultrices. Aenean facilisis felis purus, ut faucibus mauris lacinia sit amet. Pellentesque et sapien tellus. Donec ullamcorper tortor massa, aliquet bibendum justo congue ac. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas nec convallis risus, quis laoreet ante. Phasellus euismod vel justo et consequat. Proin vitae magna at felis volutpat commodo vel id turpis. Duis sapien enim, sagittis eget accumsan ullamcorper, malesuada at lectus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In fermentum non neque ornare consectetur. Pellentesque sed tellus at arcu consectetur dictum at ac neque. Duis lorem quam, volutpat ullamcorper vehicula vel, commodo sit amet odio. Duis at ultricies ipsum. Aenean lobortis nec sem adipiscing viverra. Curabitur pellentesque, mauris eu egestas feugiat, arcu nibh porta est, id vulputate tellus eros eu lacus. Ut facilisis massa tincidunt, interdum mauris sit amet, dignissim velit. Nunc nunc ante, ornare et ligula sit amet, porta mollis arcu. Donec tempus mollis erat, et consectetur leo lacinia in. Nulla sit amet varius turpis. Nam in aliquet leo. Morbi malesuada malesuada imperdiet. Nunc dictum vitae odio eget fringilla. Phasellus laoreet tempus mauris, in tristique libero vestibulum non. Morbi cursus turpis non diam rutrum ultrices. Aenean facilisis felis purus, ut faucibus mauris lacinia sit amet. Pellentesque et sapien tellus. Donec ullamcorper tortor massa, aliquet bibendum justo congue ac. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas nec convallis risus, quis laoreet ante. Phasellus euismod vel justo et consequat. Proin vitae magna at felis volutpat commodo vel id turpis. Duis sapien enim, sagittis eget accumsan ullamcorper, malesuada at lectus.

Dolor sit amet Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nunc eros, bibendum et sollicitudin id, ultrices vitae massa. Integer porttitor mi ac rutrum tristique. Vestibulum consectetur dignissim quam, et consequat dolor tempor eget. Curabitur suscipit molestie purus, in euismod leo imperdiet id. Nam nunc est, facilisis sit amet enim ut, auctor porttitor metus. Nunc vitae justo fringilla, sodales felis et, ultrices mauris. Duis lobortis porttitor bibendum. Etiam et commodo lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In fermentum non neque ornare consectetur. Pellentesque sed tellus at arcu consectetur dictum at ac neque. Duis lorem quam, volutpat ullamcorper vehicula vel, commodo sit amet odio. Duis at ultricies ipsum. Aenean lobortis nec sem adipiscing viverra. Curabitur pellentesque, mauris eu egestas feugiat, arcu nibh porta est, id vulputate tellus eros eu lacus. Ut facilisis massa tincidunt, interdum mauris sit amet, dignissim velit. Nunc nunc ante, ornare et ligula sit amet, porta mollis arcu. Donec tempus mollis erat, et consectetur leo lacinia in. Nulla sit amet varius turpis. Nam in aliquet leo. Morbi malesuada malesuada imperdiet. Nunc dictum vitae odio eget fringilla. Phasellus laoreet tempus mauris, in tristique libero vestibulum non. Morbi cursus turpis non diam rutrum ultrices. Aenean facilisis felis purus, ut faucibus mauris lacinia sit amet. Pellentesque et sapien tellus. Donec ullamcorper tortor massa, aliquet bibendum justo congue ac. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas nec convallis risus, quis laoreet ante. Phasellus euismod vel justo et consequat. Proin vitae magna at felis volutpat commodo vel id turpis. Duis sapien enim, sagittis eget accumsan ullamcorper, malesuada at lectus.

0011 000 p 7

www.bseller.com.br | vendas@bseller.com.br RIO DE JANEIRO: Rua da Assembléia 98 – 9° andar | Centro – Rio de Janeiro – RJ – Brasil | Cep 20011-000 SÃO PAULO: Av. das Nações Unidas 12551(WTC) -17° andar | Brooklin – São Paulo – SP – Brasil | Ce Cep 045 04578-000 8-000

www.bseller.com.br | vendas@bseller.com.br | TEL: RJ- (21) 3443-1421 SP- (11) 3443-1421

INFORMAÇÕES Tamanho: A4

INFORMAÇÕES Cor: 4/4

BAIXAR ARQUIVO

Suporte: offset 90g

Tamanho: 24cm x 34cm

Cor: 4/4

Suporte: offset 90g

REGRAS DE APLICAÇÕES

Papelaria Básica IDENTIDADE VISUAL

E-COMMERCE

TOP

A identidade visual do [B] Seller é baseada no conceito da marca que tem o “pixel” como unidade que forma a malha do símbolo do logo. Esses “pixels” verdes permitem uma flexibilidade na composição de peças gráficas.

PERFORMANCE

Backoffice e

lojas online em uma só plataforma bseller.com.br

FOLDER

Uma forma de aplicação da identidade da marca é a mostrada no folder. O formato do folder faz referência ao símbolo do logo, assim como a malha de pixels aplicada na imagem.

ANÚNCIO REVISTA

Outra forma de trabalhar a identidade visual é distribuir os pixels na imagem como se interagissem com o fundo.

STAND

Também é possível trabalhar as peças gráficas, por exemplo, em stands usando os pixels de forma aleatória.

ASSINATURA

Malha

MALHA GRÁFICA

A marca foi criada seguindo uma proporção entre suas partes que deve ser respeitada, como apresentada a seguir. É importante ainda manter a margem de segurança e o espaçamento entre o símbolo e o logotipo.

10x X

16x

A MEDIDA X Toda proporção da marca foi feita com base na medida X que é parte de um pixel do símbolo dividido 16 vezes. Essa medida determina também a curvatura de todo o logo.

32x

ÁREA DE PROTEÇÃO

A área de respiro do logo deve ser 4x em todos os lados, conforme mostrado abaixo.

ASSINATURA

Versões ASSINATURA OFICIAL

A versão principal deve respeitar sempre a assinatura em cinza com o símbolo nos cinco verdes da paleta de cor da marca.

ASSINATURA SECUNDÁRIA

O [B] Seller possui uma assinatura simplificada com o cinza da marca e símbolo com apenas o verde mais escuro da paleta de cor para usar em casos onde haja limite de cor para impressão, como brindes e peças promocionais.

BAIXAR ARQUIVO

ASSINATURA

Versões

ASSINATURA MONOCROMÁTICA E REDUÇÃO

Essas assinaturas só devem ser usadas quando houver limite de cor e em casos de grande redução do logo.

REDUÇÃO A marca poderá ser reduzida até o tamanho de 2,5 cm de largura sem perder os detalhes.

POSITIVA E NEGATIVA

A assinatura do [B] Seller também possui a versão para impressão de peças em preto com positivo e negativo.

ASSINATURA

Diretrizes

FUNDO COLORIDO E CHAPADO

Seguindo sempre a proporção da marca. “B” vazado, absorvendo a cor do fundo. Fundos com a paleta da marca. Qualquer outra aplicação em fundo que não esteja nessa paleta o logo deve ser em negativo ou positivo.

ASSINATURA

Diretrizes FUNDO COM FOTO

Deve-se utilizar a marca sobre uma caixa branca criada a partir da adição da malha de pixels da ilustração para defesa e melhor leitura da marca. Mesmo que a foto não tenha esta grid de pixels deve-se sempre usar essa caixa branca como defesa.