Great user experiences are the backbone of a top-level website and a means to an end: driving higher engagement and conversions. With that in mind, we've redesigned our carousel galleries and lightboxes to ensure that visual content collected through Social Native looks just as stunning on mobile devices as it does on desktop.
Using state-of-the-art technology and following the latest UI/UX best practices, we've created a mobile-first and accessible shoppable gallery that prioritizes consumers' experience while they navigate and interact with featured images and videos.
Back-end efficiencies and front-end conversion-optimizing updates will help deliver a streamlined and intuitive shopping experience. Add beautiful, authentic and high-quality visual content and we have a winning combo that drives results!
Deliver a best-in-class experience
Enhanced video support
There's no doubt that video popularity has skyrocketed in the last few years. 96% of consumers increased their online video consumption in 2020, and 9 out of 10 viewers said that they wanted to see more videos from brands and businesses. Our new Shoppable galleries and carousels have been improved to support video views and video interaction (lightbox autoplay, controllers to play/pause and sound on/off).
Mobile-first & fluid UI
Our galleries were designed with a mobile-first approach in mind and are optimized with a Fluid User Interface. This means our carousels and galleries scale gracefully from reduced viewing space (smartphones and tablets) to large screen devices (laptops, desktop computers), displaying the content that best suits the device and browser in use.
Optimized performance & loading times
Website speed and performance are not only paramount for a great user experience, but also crucial to SEO. We've upgraded our gallery architecture and implemented techniques such as lazy-loading and single-page application (SPA) support to improve website performance and substantially reduce initial page load time, initial page weight and system resource usage.
Enriched look & feel customization
Our out-of-the-box gallery and carousel designs are now more customizable than ever, going from colors and fonts, to more specific settings and elements such as the size of containers and the spacing between them. Because we know that achieving a cohesive design integration between Social Native's galleries and your website or app is key to a seamless navigation experience.
Accessibility & inclusion
Our new on-site shoppable galleries include WCAG 2.1 AA* level enhancements to make your visual content more accessible to a wider range of people with disabilities. These updates include high-color contrast, minimum font size, keyboard navigation, accurate descriptive text, and support for screen readers.
Internationalization and localization
Localization is a specialized process that detects regions and adapts the content to appeal to customers' cultural preferences in their own target language. This goes beyond translation, as it also modifies media and links for regional sites.
Related Articles