Knowledge BaseResponsive Design

Responsive Design

Sana Commerce 9.2
Your connector

Web Store Design

With the staggering growth of mobile devices like smartphones and tablets, and mobile device usage, it is essential that your website is mobile friendly, so that your clients and prospects can easily browse and find information, regardless of what type of device (phone, tablet, desktop) they are using.

The design of a Sana web store is responsive. Responsive design is a web design that expands and compresses nicely on different devices, whether you view the website on a desktop computer, smartphone or tablet. To make Sana accessible on whatever device the customers decide to use, we implemented a responsive design that is optimized for desktop and mobile browsing.

Customers can quickly and easily browse the catalog and make purchases anytime and anywhere. When customers go to the Sana web store using a smartphone, its design automatically changes to use a specially designed mobile layout. The mobile layout includes the same features as if you open the Sana web store on your desktop computer. A responsive web store design gives customers a better user experience and potentially lead to more sales.

Depending on whether you open the Sana web store on desktop computer, tablet or smartphone, and also depending on screen resolution, the appropriate web store layout will be used:

  • Desktop - minimum screen width is 1024px
  • Tablet - screen width is from 640px to 1023px
  • Mobile - maximum screen width is 639px

Desktop layout

Tablet layout

Mobile layout


The responsive design has several crucial benefits:

  • Super flexible - your content is flexible enough to move seamlessly from one screen to another with responsive design. This means that users have the flexibility to access the web store on any device without distorted content or slow page load time.
  • Cost effective - the advantage of having a single site that conforms to the need of all devices is significant when compared to having two separate websites. One website costs less than two, and the savings can be substantial.
  • Easy to manage - having separate websites for desktop and mobile browsing requires separate SEO (Search Engine Optimization) campaigns. Managing one site and one SEO campaign is far easier than managing two sites and two SEO campaigns.
  • Faster page speed - websites that are mobile responsive load faster, resulting in a more positive user experience and ranking boost.
  • Higher conversion rate - responsive design means that your users can make purchases directly through your secure website on any device instead of using some application, which is often available for one mobile operation system.

You can have several web stores on a single Sana Commerce platform with a similar or completely different design. Sana provides different options of how you can change the look and feel of your web store - themes, design packs, store and page layouts, HTML injections, software development kit (SDK).

Knowledge BaseResponsive Design