Front-end para lojas virtuais simplificado

A Reference Store é uma ferramenta que criamos para agências digitais codificarem sem dor. EM PROGRESSO

Quais os benefícios?

Todos os cenários de um e-commerce em um lugar só

Para agências digitais, com projetos cada vez mais apertados e com difulculdades para gerar todos os cenários visuais de uma loja, como nesse exemplo de um carrinho completo.

Uma base para o trabalho das agências

Como um Bootstrap para e-commerce, estamos criando um visual e comportamento básicos para os designers e codificadores de agências colocarem a sua personalidade – e a de seus clientes – em cima.

O fim da manutenção eterna (ou "filho eterno")

Uma vez que os visual e comportamento serão pensados de forma abrangente quando a loja for codificada, e os componentes novos deverão seguir um padrão semelhante, a manutenção será mínima quando forem ativados.


Como funcionará?

A Reference Store (Loja Referência), cujos exemplos de páginas e componentes estarão listados nesse site, é um projeto versionado no GitHub e estará aberto para agências parceiras, juntamente com um kit para desenvolvedores que facilitará a customização de loja em alguns passos.

O processo de desenvolvimento para uma agência digital, em linhas gerais, será:

  1. Baixar os arquivos do repositório
  2. Alterar os arquivos de CSS e JS em ambiente de desenvolvimento, simulando o layout da loja, o visual e o comportamento de elementos de interface, nos cenários mais diversos
  3. Aplicar as mudanças à plataforma onde a loja foi criada (Core ou EZ Commerce)

Roadmap (próximos passos)

Você pode acompanhar o progresso da Reference Store de duas formas: através de um quadro com o status de cada parte que estamos criando ou, em mais detalhes, no changelog do projeto.

Acompanhe o status do projeto ou veja o changelog para mais detalhes

O projeto será executado em 3 fases:

  1. Protótipo: é a fase inicial explorando n cenários, como já pode ser visto no menu Exemplos
  2. Front-end: é a etapa de desenvolvimento com as técnicas mais modernas de JS, HTML e CSS, construindo o que foi prototipado na fase anterior. Ficará no menu Componentes e Estrutura e se parecerá muito com o (ex-Twitter) Boostrap
  3. Plataformas: é a fase de implementação nas plataformas do grupo DCG