Completed

Alterações em Programação e visual de e-commerce

Published on the April 06, 2018 in IT & Programming

About this project

Open

1.1. Objetivo do Projeto
O website é a nossa marca no mundo virtual, é um serviço essencial para apresentar a Mario Adinolfi na web de forma clara, eficiente e dinâmica.
É Importante que o website tenha um layout bonito e moderno, que seja funcional e de fácil utilização.
Além disso, o website Loja Virtual precisa ser construído de maneira que seja facilmente indexado para o Google e outros buscadores.

1.2. Descrição do Projeto
Manutenção do site para implementar as revisões descritas a seguir no documento.

1.3. Requerimentos Funcionais
1.3.1    Geral – Todas as Paginas
Revisar em geral o site para que o mesmo seja uniforme em termos de fonte utilizada e tamanho de letras, o intuito é garantir mais elegância e sofisticação ao site.
Revisar configuração de SEO no wordpress/woocommerce (nome de arquivo, link, palavras) de modo que a mesma seja ativa e favoreça a indexação do site em Google e demais buscadores.
O site em geral falta de “glamour” e “sofisticação”, propor soluções e/ou alterações para introduzir estes conceitos.
Sites a usar como referencia:
www.pineider.com
www.rolex.com

1.3.2    Home Page
Criar o menu ”A Marca” para reunir os atuais menus: A história, A criação, Produção artesanal. Revisar estas paginas para introduzir os conceitos apontados em Geral.

Criar uma no menu a página “Blog” para podermos disponibilizar conteúdo que servirá para melhorar a indexação orgânica do site em Google e demais buscadores e interagir com usuários
Os links de blog a seguir são exemplos que misturam funcionalidades interessantes (curtir post e visualizar quantidade de acessos), (top post), (link para compra), (link para rede social), (funcionalidade de cadastro), (possibilidade de postar comentários), com soluções gráficas e de layout agradáveis.
O blog deve usar a mesma identidade visual e estilo de comunicação do site.
https://www.modafits.com.br/blog
http://kawalk.com.br/
https://www.vogue.com/tag/misc/bloggers
https://www.modait.com.br/blog-de-moda/
https://www.justlia.com.br/
http://www.glam4you.com/#ancora
http://www.blogdaaliceferraz.com.br/


Disponibilizar ícones de Chat e de WhatsApp que estejam sempre na parte superior da página (na barra de menu)

Eliminar da home page a sessão formulário de contato (abaixo)

Adicionar no footer informações obrigatórias sobre os dados da empresa (CNPJ, endereço etc.)

Incluir no slide show na parte inicial da página link que mandem para o produto especifico

No footer tem os seguintes documentos que abre pdf:
5 motivos para comprar uma MA,
Dúvidas Frequentes,
Política de Privacidade,
Política de Troca
Transformar em pagina modelo faq (exemplo abaixo a ser melhorado em termos de layout e incluído na identidade visual ma – site amaro.com.br e Dafiti)


Incluir na home page (footer ou barra de menu ou parte da pagina, aonde for mais apropriado) informações e link de redes sociais

Incluir na home page (footer) informações de segurança de compra e site blindado

Incluir na home page banner pop up para cadastrar informações e-mail em troca de poder usufruir de 5% de desconto na primeira compra no site (de alguma forma deve ficar gravado no cadastro do cliente quando for realizada a primeira compra de modo a não repetir o desconto).

Incluir funcionalidade de cadastro no newsletter logo antes do footer (a seguir exemplo a ser adaptado a identidade visual MA).

Criar as páginas em espanhol, inglês e italiano (temos já as traduções) e incluir seleção de idioma logo que acessar e opção de troca no menu principal

Alterar a apresentação (lista) dos produtos na home page para um formato mais moderno e elegante com a funcionalidade que ao passar o mouse na foto a o bloco seja evidenciado de forma elegante, a imagem aumente de tamanho e apareça uma segunda imagem. Incluir de forma elegante o botão de compra. A seguir exemplos:
http://shop.pineider.com/en/

Incluir sessão produto em destaque (pode ser que não tenha produtos)

Destacar o blog

Em alguma parte do site, não sei se home page ou outras paginas acho interessante disponibilizar os seguintes conteúdos:

Vantagens para os clientes MA

Depoimentos de clientes

Parcerias

1.3.3    Pagina Categoria
No inicio da pagina incluir uma imagem como segue evidenciando aquilo que foi selecionado ou deixando sem seleção.
A pagina fica preenchida conforme seleção e seguindo as regras visuais e de layout da home page

1.3.4    Minha Conta
Padronizar menu de login para que no caso de o cadastro não existir permita de realizar o cadastro

Incluir funcionalidade de poder cadastrar através da conta de Facebook

Incluir funcionalidade de créditos que o cliente poderá usar como parte do pagamento no checkout. Créditos não são pontos. Credito é dinheiro que o cliente pode carregar na sua conta através de planos de poupança ou receber como bonificação.


Incluir funcionalidade de pontos que são atribuídos ao cliente quando de alguma compra e serão usados por sorteios. Deve ter um painel de administração que permite atribuir créditos em base a compra etc.

1.3.4    Pagina detalhe produto
Página detalhe do produto, melhorar layout, centrar as fotos, padronizar texto e fonte e size.

https://marioadinolfi.com.br/sophia/
Fazer para todos os produtos.

Eliminar o 3D aberto diretamente e incluir um discreto logo 3D que o cliente se quiser pode clicar e o 3D abre como janela.

https://www.jewlr.com/products/JWL0593/organic-leaf-five-stone-family-ring?s1=04CZIR&s2=04CZIR&s3=S01GARN&s4=04CZIR&s5=04CZIR&sku=ss

1.3.5    Pagina Compra Produto
Transformar em uma única página aonde escolhe as cores

Incluir produtos sugeridos para fazer Cross e up selling

Incluir check out rápido em 1 click
Segue exemplo de layout / aparência pagina.
http://shop.pineider.com/en/bags-and-briefcases/47-2-handle-briefcase.html
https://br.louisvuitton.com/por-br/produtos/porte-documents-business-taiga-008279

1.3.6    Pagina Check Out
Melhorar layout centrar as fotos, padronizar texto e fonte e size.

Simplificar a página ou dividir em mais páginas sucessivas (letras maiores)

Introduzir compra com um click

Introduzir voucher de desconto

Introduzir possibilidade de pagar parte do valor com os créditos disponíveis na conta do usuário
Alterar de integração transparente com meio de pagamento para light box.

1.3.7    Mobile First
O site deve ser totalmente responsivo e as funcionalidade e layout deve ser garantido em desktop, smartfone e tablet.

1.3.8 Administração
Carrinho Abandonado: funcionalidade permite retornar em um segundo momento nos carrinhos que foram abandonados com produtos nele.

Facilidade para troca de foto e outras informações no site de forma rápida e sem necessidade de programação.

Sugerir plug-in para acompanhar visitas, vendas e outros indicadores uteis.
1.4. Qualidade e Testes
Todos os testes necessários para garantir as funcionalidades desenvolvidas devem ser realizados
1.5. Aprovação do Projeto
O projeto deve ser entregue em todas as suas partes.
1.6. Acompanhamento do Projeto
Utilizar ferramenta de acompanhamento Trello, ou outra, para cadastrar as entrega e atualizar conforme realização.
1.7. Confidencialidade
A confidencialidade das informações é parte integrante do projeto

Category IT & Programming
Subcategory E-commerce
What is the scope of the project? Medium-sized change
Is this a project or a position? Project
I currently have I have specifications
Required availability As needed
Experience in this type of projects Yes (I have managed this kind of project before)
API Integrations Payment Processor (Paypal, Stripe, etc.)
Roles needed Developer

Delivery term: Not specified

Skills needed

Other projects posted by R. B.