Happy Laços - Projeto WEB

Page 1

Projeto WEB

Histórico

A loja Happy Laços teve sua inauguração em 12/10/2018 no dia das crianças, seu propósito inicialmente era focar em artesanato de laços e tiaras para meninas, mas com passar dos meses se tornou uma lojade moda infantil elaços.Elaestálocalizadonobairro Cidade Nova Heliópolis, em São Paulo. É uma loja física, mas usa redes sociais para divulgação de produtos e promoções.

Durante 6 anos antes da abertura da loja, a produção e venda era feita pelo whatsapp. Em 2018 expande o negócio, abrindo um CNPJ e loja física em um pontopequeno,emFevereiro/2019mudouparaumponto maior e mais fácil aceso para os cliente, com movimentação por ser em uma rua principal. O negócio teve altos e baixos, hoje em meio a pandemia começou a crescer, partindo do artesanato ao ateliê, produzindo vestidosdefestainfantil.

● Ramo de atuação e tempo de mercado: Varejo de moda infantil, atua há 1 ano e 10 meses

● Produtos e/ou serviços oferecidos: Laços e roupas infantis, artesanato, ateliê de costura.

● Redes Sociais:

Facebook:

www.facebook.com/jailma.vasconcelos.5

87 Instagram:

www.instagram.com/happy_lacos

● Situação atual do Marketing:

Uso de redes sociais para divulgação e fidelização dos clientes pelo atendimento e qualidade.

A loja não possui site próprio, apenas redes sociais.

● Concorrentes diretos:

Por ser uma loja de bairro não tem tantos concorrentes referente aos laços, mas há outras lojas de roupas infantis, como “Benção para bebês” (não tem site, nem redes sociais) e “Pingo de gente - moda infantil”

● Vantagens/desvantagens sobre os concorrentes;

Vantagens: as duas lojas não fabricam tiaras e laços e uma das lojas não tem tanta divulgação.

Desvantagens: As duas lojas são mais antigas e conhecidas, e uma delas possui e-commerce.

● Concorrentes - Lojas exclusivas de e-commerce:

A Tric Trac Laços é um ateliê especializado em laços feminino para crianças e bebês. Todos os nossos produtos são feito a mão, com amor e carinho!

A Meu laço de fita se apresenta como o E-commerce de laços de cabelo com melhor custo benefício do Brasil.

Ambos os sites trazem uma apresentação focada no público feminino reforçando a relação do público com a cor rosa.

Sobre o Projeto

Propomos neste projeto, um site de divulgação para a loja Happy Laços, que seja responsivo e que traga informações referentes ao catálogo da loja, bem como link para suas redes sociais.

Sobre o Projeto

● Conteúdo do site: Passar informações sobre a loja para o cliente, expor os produtos que a loja oferece, como fazer encomendas (via whatsapp e instagram)

● Mercados a serem cobertos; Cidade Nova Heliópolis

● Objetivos a serem alcançados: Ajudar na divulgação, passar mais confiança e credibilidade para os clientes.

● Objeções: Evitar o uso de cores escuras, dando preferência para tons pastéis

● Público alvo:

Mulheres grávidas, mães, pais, avós, tios e demais familiares.

● Ferramentas de marketing utilizadas atualmente: Facebook, Instagram e WhatsApp

Material usado pela loja para sua divulgação atual

Imagem a ser transmitida ao usuário

Feito com amor, aconchegante, fofo, divertido, clean, moderno

Inspirações
Inspirações
Inspirações

Observamos que os sites voltados para moda infantil, trazem fotos que enfatizam os produtos e os clientes. Apesar de alguns terem paletas muito nítidas, outros trabalham sem paleta definida, mantendo cores diversas, alegres e divertidas.

Inspirações

Objetivos

Com um novo canal de divulgação, o cliente poderá apresentar seu produto de uma nova forma ao cliente, permitindo um maior alcance de sua marca.

Contexto

Happy Laços é uma loja de varejo que comercializa roupas infantis e artesanato de laços e faixas para bebês. Surge em uma necessidade e do artesanato de laços e faixas para bebês como um pequeno negócio familiar.

O site vem para dar mais visibilidade a empresa, trazer o encanto das peças infantis e a beleza do artesanato, indo além das redes sociais já usadas.

Comportamento

Os usuários são mães, pais e demais familiares ou pessoas interessadas em roupas para crianças.

Trazer a história da empresa, sua luta de superação (Quem somos), elencar os principais produtos produtos comercializados (Linha infantil, bebê) com foco especial para os produtos exclusivos (artesanais).

Além disso, mostrar sua relação com o cliente (Contato, Comentários /Depoimentos)

Assim, focando no usuário como sendo a figura da mãe, é uma pessoa preocupada com o cuidado das crianças, busca qualidade e beleza nos itens. Bem como praticidade para encontrar as informações que procura.

Conteúdo 3Cs
17/08 ~ 07/09 Pesquisa geral e entrevista com cliente 14/09 Apresentação do Briefing 19/10 Teste de usabilidade Card Sorting 05/10 ~ 23/10 Produção da interface gráfica 09/11 Apresentação do Protótipo 16/11 ~ 30/11 Finalização do projeto 07/12 Entrega do projeto
Cronograma

Persona

O que PENSA e SENTE?

● Ter um estilo de vida saudável

● Ter um corpo bonito

● Ser superprotetora

● Estar presente em todas as ocasiões

● Preocupação com o futuro de seus filhos

Mapa da Empatia

O que ESCUTA?

● Que não é capaz

● Está gorda/magra de mais

● “Você que vai pagar?”

● “Tem com que deixar as crianças enquanto trabalha?”

● “Poderia ser uma mãe melhor”

● É melhor procurar um emprego melhor para sustentar os filhos

● “Arrume seus filhos”

● “Seus filhos não tem educação”

● “Mãe, quero presente!”

O que VÊ?

● Gostos dos filhos

● Preocupações da vida

● Seu filho lindo e bem arrumado

● Felicidade do seu filho

● Seu filho crescendo

● Maldade do mundo

● Amigos falsos

● Objetivos na vida

O que FALA e FAZ?

● “Coisa mais linda da mãe, te amo!”

● “Você não é todo mundo”

● “Você parece com seu pai”

● “Não pode fazer isso”

● “Vai comer!”

● Ensina a viver

● Cuida do filho e da casa

● Dá amor, conselhos e broncas

● Trabalha e passeia quando pode

Quais são suas DORES?

● Perder um filho

● Frustrações por algo que não conseguiu alcançar

● Se os filhos não conseguem atingir seus objetivos

● Quando os filhos não dão ouvidos

● Decepções com a família

Mapa

da Empatia

Quais são seus OBJETIVOS?

● Ter acesso a serviços e produtos que ajudem sua família de forma simples e efetiva

● Encontrar meios que facilitem sua vida

● Felicidade nas realizações daqueles que ama, bem como em suas próprias realizações

● Sucesso profissional e reconhecimento

SãoPaulo,SP-Brasil

Secretáriaadministrativa deumapequena empresa,casadaecom doisfilhos(ummeninoe umamenina).

Gostadefazercompras emlojascomoBoticário, Natura,RennereC&A, buscandoqualidadee economia.

Persona

Vaidosa,consome principalmenteroupase sapatos.

Comomãe,cuidapara queafamíliatambém estejasemprebem cuidada. Seuobjetivoéequilibrar economiaequalidade nosítensquecompra. Redessociaisqueusa:

Arte feita em https://picrew.me

Card Sorting

Sobre a realização do card sorting

Tags usadas para o card sorting:

● Foram realizados testes com 10 possíveis usuários.

● As palavras foram apresentadas sem hierarquia e foi solicitado que o usuário ordenasse as palavras como achasse mais interessante.

● Ao final do teste, uma foto foi feita do resultado.

● Após o teste, determinamos o fluxograma e mapa do site.

Divisão inicialmente trabalhada pelo grupo:

fluxograma inicial fluxograma final

● Na evolução do fluxograma e do mapa do site, a única grande alteração foi a eliminação da página intermediária “Produtos”, colocando “Roupas” e “Acessórios” diretamente no menu de navegação.

mapa do site
baixa fidelidade - mobile e desktop alta fidelidade - apenas desktop
Wireframe

baixa fidelidade - MOBILE

baixa fidelidade - desktop
alta fidelidade - desktop Link para versão no XD, reformulado e com links ativos: https://xd.adobe.com/view/b02101f9-7d63-486d-a9fc-2f873a1aeb1a-e572/?fullscreen&hints=off

Painel Semântico e Style Guide

Painel Semântico - sites

Style Guide - Logo e Artes da Marca

Logos e símbolos usados pela marca a serem usados no site incluem o logo principal, o laço (símbolo da marca) e as gêmeas. A tipografia do logo da marca (Script MT: Happy Laços) será usada apenas no logo e na representação do nome da marca em elementos específicos, como imagens por exemplo.

Paleta

A paleta de cores segue tonalidades pastéis. Tons de vermelho, roxo e azul como principais, o verde e o amarelo atual como secundários. As cores neutras (usadas principalmente nos corpos de texto) apesar de variarem em tons de cinza e branco, não há o uso de preto puro.

Para hovers e efeitos em links, as cores serão trabalhadas em tons, sendo o tom médio das cores (linha central) a principal em uso e os efeitos podem seguir para mais claro ou mais escuro.

Tipografia
Tipografia
Tipografia

Ícones

Botões

https://xd.adobe.com/view/eb0600f0-1fff-49b2-bbeb-c3e92bf63db2-be55/screen/e0bd19ff-99fa-4e9d-9aa2-4e7618953fc1?fullscreen

Link para Style Guide no XD:
Botões

Link para Layout no XD:

https://xd.adobe.com/view/eb0600f0-1fff-49b2-bbeb-c3e92bf63db2-be55/screen/e0bd19ff-99fa-4e9d-9aa2-4e7618953fc1?fullscreen

Layout

HoME

Prints em:

1125x568px (Desktop)

360x640px (Mobile - MotoG4

Quem Somos

Prints em:

1125x568px (Desktop)

360x640px (Mobile - MotoG4

Roupas

Prints em:

1125x568px (Desktop)

360x640px (Mobile - MotoG4

Acessórios

Prints em:

1125x568px (Desktop)

360x640px (Mobile - MotoG4

Como Comprar

Prints em:

1125x568px (Desktop)

360x640px (Mobile - MotoG4

A equipe se dividirá nas funções de Design Gráfico, Web Designer e Front Page.

Marina Freitas Barreto RA 3019102605 Marília Marques Casimiro RA 3019109686 Poliana S. Ferreira RA 3019104791 Polyanna de Oliveira Campos RA 3119102672 Sabrina Santos Sampaio RA 3019103602 Stefany de Vasconcelos Araujo RA 3019111695
Equipe responsável
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.