All new dashboard

In Ucommerce 8, it is now super easy for the digital merchant to get an actionable overview of the store’s performance. Real-time numbers provide high-level turnover and order flow insights, while a dynamic feed will push actionable messages to the merchant about traffic in the store.

A central part of this release is the dashboard for two reasons. Firstly, it marks a technology shift from the current Ucommerce UI which is primarily constructed with a mix of Asp.NET views and AngularJS. Going forward, we will transition to a high performing single page application (SPA). The dashboard is the first step on this path as the UI is written entirely in VueJS, using Vuex for state management.

This front-end framework has gained massive popularity over the last couple of years for good reason. It is performant, has a strong ecosystem surrounding it, and on top of that all, it is very pleasant to work with.

In the wake of this shift of framework, we have picked up a range of leading-edge front-end technologies to handle everything from pre- and post-processing styles (stylus, post-CSS), building resources (Webpack), and transpiling Javascript (Babel) - all enabling us to work more efficiently by leveraging a modern toolset.

Secondly, we sometimes tell the story of the digital merchant, and how a modern e-commerce setup makes it hard to get a proper feel for what is happening in the store and react to it. The dashboard is a move towards closing this disconnect as it gives the digital merchant a real-time view of the flow through the store. It does this by showing key metrics and the general trend over time not by any means a full analytics setup, but by a simple view that provides the merchant with a basic overview of the current status. Specifically, it does this by listing the turnover, the number of orders, and basket conversion percentage over the last 24 hours. The turnover has been aggregated for all stores and converted into a configurable default currency. This view can then be expanded to reveal more details about the individual store's performance as well as options to see the turnover trend over the last 24 hours, 30 days, or the entire year.

In addition to these metrics, the dashboard contains a feed that visualizes the store flow by pushing messages of i.e. order placements. Some messages are actionable, providing the merchant with the ability to go directly to, for example, a basket of a customer nearing checkout. The customer's contact information is readily available in the message opening an opportunity to help the customer complete the flow, push additional goods or shift the customer to a higher coverage product.
This first version of the dashboard contains five types of feed entries:

  • A new customer placed an order
  • Returning customer has now placed X orders
  • Customer nearing checkout (direct link to the basket, the message contains contact info)
  • Order placed (direct link to order)
  • Campaign triggered (direct link to campaign)

The feed items are automatically bulked for high volume shops and it is easy for the merchant to opt out of receiving any of the types if deemed irrelevant. Lastly, high priority messages can be pushed to the top of the feed, i.e. "license server unreachable" or other business-critical information.

It is our vision that in future versions, it should be possible to create custom feed items that will make it possible to cater to specific merchant needs.

Show more
{{lineitem.ProductName}}

{{lineitem.VariantName}} - {{lineitem.Quantity}} x {{lineitem.FormattedPrice}} {{lineitem.FormattedPrice}}

Your cart is empty ;(
Total {{basket.FormattedProductsTotal}}
Checkout