Realizado

Loja virtual da Gráfica Mágica

Publicado em 22 de Novembro de 2017 dias na TI e Programação

Sobre este projeto

Aberto

Sou empreendedor pessoa física e trabalho com produtos gráficos personalizados (impressão em papel e adesivos) para festas, comércio e outras atividades. Atualmente ofereço meus produtos no Mercado Livre, mas quero me desvencilhar daquele site e ter o meu próprio. Como são produtos feitos sob encomenda, muitos deles precisam da possibilidade de variações, com fotos que mudem de acordo com as escolhas feitas.
As formas de envio também variam: a maioria dos produtos pode ser enviada por carta registrada ou Sedex, outros somente por PAC ou Sedex e no caso de haver mistura, a opção de carta registrada não pode ser ofertada. Quero oferecer promoções e descontos, aceitar várias formas de pagamento transparente e com redirecionamento. Quero ter um chat no meu site que permita armazenamento de arquivos, como no Mercado Livre (as opções gratuitas e tawk.to não parecem ter esta funcionalidade).
É Preciso que a loja permita abertura de compra feita manualmente por mim, quando o cliente me procurar por WhatsApp, telefone ou em pessoa. Tenho uma ideia geral da aparência e de funcionalidades da loja, que detalharei quando for consultado.

Editado: por orientação da Workana e a pedido de alguns profissionais, seguem mais detalhes de como eu quero minha loja feita em WooCommerce, na versão mais recente e aperfeiçoada.

Características gerais:

1) O acesso deve ser possível tanto com uso de "www." Quanto sem. Já possuo domínios registrados e hospedagem paga no provedor TMD Hosting. Os domínios principais .com e .com.br apontarão para a página principal e domínios secundários apontarão para outras páginas internas, diretamente para os produtos que os domínios sugerem.
Seria desejável usar subdomínios para acesso direto a certas categorias: bonecos.meusite.com.br / revistas.meusite.com.br e outros. A navegação deve fluida, com plugin de cache e carregamento prioritário do conteúdo visível.

2) O site deverá contar com aplicação das melhores técnicas de SEO usando as ferramentas gratuitas e/ou de menor custo disponíveis na plataforma WordPress, tirando vantagem de seu natural entendimento com Google, Bing, Yahoo!

3) Não será necessário cadastrar a loja com todos os meus produtos, apenas alguns em cada categoria. Precisarei de treinamento para eu mesmo inserir produtos com fotos, gerenciar as variáveis, permitir ou não personalização em cada um etc. A partir daí eu mesmo cuidarei da loja e se houver necessidade de ajustes futuros após o período de garantia do serviço, serão pagos à parte.


Aparência da loja (geral):

As cores utilizadas serão as da Bandeira Nacional, com variações de tonalidades, além de branco e preto. Não quero vermelho, magenta, rosa ou qualquer tom avermelhado fazendo parte do esquema de cores do site. Naturalmente que mensagens importantes podem e devem aparecer em vermelho, mas no tocante ao leiaute e identidade visual, quero apenas verde, amarelo e azul com branco e preto para os textos no topo, parte inferior, barras de rolagem etc.
Já possuo logomarca que segue este esquema de cores.

A categoria Festas Infantis será subdividida em temas de festas, sendo que os temas mais procurados aparecerão em cima. Podem ser 15 ou 20 temas mais frequentes, sendo que na parte de baixo haverá acesso aos outros temas menos frequentes, com links rotulados com 0 a E, F a J, K a O, P a T e U a Z que levarão aos temas que se encaixam nesta filtragem. Uma vez dentro do tema escolhido, a loja disponibilizará os produtos cadastrados para aquele tema.
Alguns temas terão mais produtos do que outros, conforme eu for cadastrando na loja.

Outas categorias, como Adesivos para Comércio poderão seguir a mesma forma de exibição, para acomodar mais produtos conforme forem sendo disponibilizados no site. Quero uma loja que possa crescer de maneira fácil e ordenada automaticamente, sem que seja preciso chamar um webdesigner para reformular tudo quando o número de temas ou variedade de produtos crescer muito.

Aparência em PC, Mac e tablet:

Quero um menu à esquerda com as categorias de produtos e opções da loja (entrar na conta, ver pedidos etc). Quando o visitante passar o ponteiro do mouse sobre uma categoria (sem que precise efetivamente clicar nela), um menu com subcategorias vai aparecer. O mega menu ficará no lado esquerdo, mas nada impede que seja acessado também na parte superior como uma barra horizontal.
Um exemplo desta funcionalidade é o demo feito em OpenCart: http://demo2.ninethemes.net/techone/opencart/3 (só dá certo se visto no PC). Gostei particularmente da maneira suave com que os submenus aparecem, escorregando para o lado e com fade-in, em vez de simplesmente "pipocar" na tela.

Aparência em Smartphones:

O menu deve ser acessado por um botão no canto superior esquerdo, que aparerá com as opções principais (categorias de produtos, acesso à conta etc). Como não é viável usar "onmouseover" no smartphone, a forma de acesso às subcategorias de produtos terá que ser modificada, fazendo troca de telas até chegar ao item desejado.

Funcionalidades da loja:

1) Não haverá possibilidade de o próprio cliente fazer personalização do produto e enviar imagem pronta para impressão, como algumas gráficas rápidas online fazem. Ele só vai poder escolher entre as opções cadastradas e quando for o caso de inserir nome e idade ou alguma mensagem especial, terá um campo para texto. Neste caso, existirá uma caixinha onde ele marcará com "X" concordando com os termos, que ficarão destacados logo acima.
Sem a concordância expressa através desta caixinha, o produto não poderá ser adicionado ao carrinho ou comprado.

2) Checkout transparente e também checkout com PagSeguro e Mercado Pago com redirecionamento, para os clientes que sentem-se mais seguros ao ver a página do próprio intermediador de pagamento e também possibilidade de eu habilitar boleto bancário registrado.

3) Possibilidade de o cliente fazer a compra sem necessidade de se registrar na loja, uma vez que nem todo mundo deseja fazê-lo, mas com todo o acompanhamento através da inserção de e-mail e número do pedido.

4) Inclusão de um chat interno (que seria usado somente após o pagamento da compra) no estilo do Mercado Livre, em que data e hora das conversas são anexadas às mensagens além de um marcador de visualização de cada uma, tanto para o comprador, quanto para a loja. Este chat deve permitir anexos como arquivos zip, txt, pdf, cdr, arquivos office e imagens de todos os formatos. Basicamente deve aceitar tudo o que seja útil para o trabalho, com exceção de executáveis, pif, dll e arquivos potencialmente danosos.
O chat ficará armazenado no histórico de cada compra. Se o mesmo comprador fizer várias compras, haverá um histórico de chat para cada uma.

5) Integração com os Correios para preenchimento agilizado do endereço após digitação do CEP, permitindo edição quando necessário. Por exemplo, alguns CEPs são relativos a apenas uma rua ou prédio, enquanto outros são de cidades inteiras e por isso, deve permitir inserção manual de detalhes, ponto de referência se o comprador julgar necessário.

6) A cada checkout, verificar se o CEP de destino encontra-se na lista que os Correios disponibilizam como sendo área com tempo de entrega diferenciado; em outras palavras, são locais com grande risco de assaltos. Eu mesmo resido numa destas áreas e sempre que faço compras em lojas como Americanas.com, sou avisado que precisarei retirar minha encomenda numa agência a ser especificada. Em minha loja, para a compra ser finalizada o cliente terá que concordar marcando com "X" numa caixinha, indicando expressamente que está ciente deste fato, para não haver reclamação posterior de que não sabia.


7) Devido ao fato de muitos produtos serem personalizados, tamanho e peso das embalagens podem variar muito, dificultando um cálculo automatizado preciso do custo de frete. Alguns produtos padronizados terão frete calculado automaticamente, mas para outros somente eu poderei informar após análise. O ideal é que exista uma variável "Produto precisa de cálculo manual de frete" que possa ser assinalada a produtos específicos.
Se o comprador colocar algum destes produtos no carrinho, ele poderá cadastrar o pedido, mas o pagamento ficaria pendente até que eu responda o valor do frete. A loja não poderá permitir pagamento só dos produtos e não do frete. Se o cliente desejar retirar em mãos, ele deverá marcar uma caixinha com esta indicação e aguardar minha intervenção, autorizando a compra com frete por R$ 0,01 para somente então poder pagar.
Este passo é para evitar casos que acontecem no Mercado Livre de pessoas que compram sem pagar pelo frete, mesmo estando em outro estado.

8) Comentários de clientes logados no Facebook e WordPress que eu possa moderar. Ainda não sei quais são as possibilidades de moderação: se os comentários aguardariam para serem publicados após aprovação, ou se eles seriam publicados de imediato para posterior apagamento, caso eu decida fazê-lo. Também não decidi se haveria uma seção de comentários para cada produto, ou uma única seção compartilhada em todas as páginas de produtos.
Gostaria de receber sugestões sobre a melhor solução, pois quero que os compradores anteriores auxiliem os futuros compradores em suas decisões.

9) Na versão para smartphone, quero um discreto botão que fique na parte inferior da tela que, ao ser tocado, abra opções de envio de e-mail e chamar no WApp. Ao tocar no botão de e-mail, chamará o programa padrão com endereço eletrônico da Gráfica Mágica e assunto automaticamente preenchidos; ao tocar no botao do WApp, chamará este aplicativo com uma mensagem inicial predefinida, usando API disponibilizada para esta finalidade. Na versão para PC, Mac e tablet, o funcionamento seria similar no caso do e-mail; para WApp eu quero uma janela com aparência que lembre o aplicativo, onde o visitante digitará seu número de telefone com DDD, endereço de e-mail (opcional) e uma mensagem inicial; após clicar em enviar, a janela se fechará e eu receberei as informações digitadas no e-mail da Gráfica Mágica.


10) Optei por não colocar aplicativo de chat como tawk.to ou similar (gratuito ou pago). Pelo que entendi, este tipo de chat me obriga a estar online durante o horário de trabalho para responder o contato o mais rapidamente possível. Se eu estiver ocupado produzindo e não responder logo e o visitante fechar a janela da minha loja, a possibilidade de resposta será perdida.
Acho melhor usar WApp, porque poderei responder quando me for conveniente e a resposta será sempre entregue.

11) Não quero pop-ups pedindo para digitar e-mail para mailing list, acho isto um grande incômodo. O visitante que desejar receber mailing list deverá cadastrar-se sem estas sugestões forçadas. Não quero a navegação prejudicada por mensagens inoportunas que escurecem a tela e obrigam o visitante a clicar/tocar num X para prosseguir.
Quero formas menos intrusivas de informar ao visitante sobre descontos e ofertas.

12) Quero oferecer descontos na primeira compra, percentuais progressivos de descontos de acordo com o valor da compra, frete grátis a partir da compra de X unidades de um determinado produto, enfim preciso de versatilidade na configuração de frete grátis e descontos.

Quanto me cobraria por uma loja com estas características? Aceito sugestões que visem tornar a navegabilidade mais simples e rápida para o comprador encontar o que procura, tornando a experiência de compra prazerosa a ponto de querer voltar sempre. Meus preços não serão os menores, mas serão justos pela qualidade e atendimento oferecidos. Quero manter uma base de clientes que procura o melhor atendimento aliado à melhor qualidade de impressão.
Os clientes que buscam apenas preço podem passar longe, porque não saberão avaliar a diferença entre um produto barato feito de qualquer maneira e um produto feito com esmero, bem caprichado e com excelente acabamento. Penso que o mesmo se aplica a você, webdesigner que conhece o valor de seu trabalho.

Categoria TI e Programação
Subcategoria Lojas Virtuais (e-commerce)
Qual é o alcance do projeto? Criar uma nova loja online
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho uma ideia geral
Disponibilidade requerida Conforme necessário
Experiência nesse tipo de projeto Não (Eu nunca gerenciei esse tipo de projeto)
Integrações de API Mídias sociais (Facebook, Twitter, etc), Payment Processor (Paypal, Stripe, etc), Outros (Outras APIs)
Funções necessárias Designer, Desenvolvedor, Fazer o design de uma landing page

Prazo de Entrega: Não estabelecido

Habilidades necessárias

Outro projetos publicados por F. E.