Storefront

Uma loja virtual versátil, com o que há de mais moderno em desenvolvimento web

relatório google lighthouse

Performance de ponta

Além das nossas ideias e feedbacks de diversos lojistas, nosso storefront foi feito levando em consideração o que o Google acha importante em uma página web. Essa imagem ao lado é um relatório do Google Lighthouse da nossa Demo Store feito em 23/01/2020.

Essas boas notas se traduzem em uma melhor experiência de usuário e também em SEO. Sempre auditamos o storefront para que possamos melhorá-lo constantemente. Para ter uma ideia de como anda a performance da sua loja, basta inserir a URL dela no Google PageSpeed Insights.

PWA por padrão

Um Progressive Web App é o resultado de uma coleção de tecnologias que juntamente com diversos conceitos de design promove um serviço web com experiência de aplicativos nativos. Teste nossa Demo Store


Resultados na AliExpress

A capacidade de um PWA fornecer uma experiência de usuário sem fricções, ajudou o AliExpress a aumentar as conversões de novos usuários em 104% e dobrar o número de páginas por seção.

Digno de estar na tela inicial

Ao identificar um PWA, o Chrome sugere que o usuário mobile adicione-o à tela inicial. O e-commerce se torna um aplicativo nativo sem a nescessidade de uma jornada pela loja de apps.

PWAgif

Google e-commerce UX

O Google analisou centenas de e-commerces e criou um playbook com as melhores práticas, que são seguidas em nosso storefront.

Código aberto

Você tem acesso a todo o código fonte da loja, é possível realizar profundas customizações. Nícel de liberdade de customização de plataforma open source.

Layout desacoplado

A frente da loja é desacoplada dos processos críticos para o funcionamento da loja virtual. Sendo assim, você pode criar uma interface sob medida ou vender em um site já existente

Construa como e onde quiser


Não limite sua loja a um layout, ou UX pré estabelecidos e repetidos como padrão em todas outras lojas. Todo o conteúdo da sua loja será disponível em nossas APIs para que você exiba como bem entender, também facilitando a experiência do desenvolvedor.


<div class="_ecom-el" data-type="product" data-id="5c769d1fc626be23430d50a0">
  <img v-bind:src="body.pictures[0].big.url">
  <a v-bind:href="body.slug">  <h4> {{ name() }} </h4>  </a>
  <p class="text-primary">{{ body.currency_symbol }} {{ formatMoney(body.price) }}</p>
</div>

{{ name() }}

{{ body.currency_symbol }} {{ formatMoney(body.price) }}

Loja demo
Temas

Para começar sua loja virtual


Tenha acesso a temas prontos dos mais diversos nichos para sua loja virtual.