Mobile Marketing
User Experience

More Than Circles: Custom Cover Group Styling is Here!

Dilayda Soylu
June 14, 2022

At Storyly, we are always working to give our customers more options and design capabilities, and that's why we don't want to limit ourselves with usual Story circles. While the standard circle entry point is familiar and easily recognizable, it may not always fit into the design aesthetic already established for a brand’s app or website. With custom cover group styling, brands can choose a shape that fits their style, maximizes available space, and adds visual interest to their user interface. Let’s explore the benefits of custom covers!

Pique User Curiosity with Custom Story Covers

Part of the magic of the Story format is the ability to continuously offer fresh content to app users and web visitors without disrupting the overall design. Additionally, users know where to find the latest updates and offers, and can easily tap through to Stories. Familiarity has its advantages, but sometimes it’s important to treat your audience to something fresh and exciting. Changing up the cover styling for your Stories can help pique the curiosity of your users, boosting engagement, and helping them access more of your content. Get them curious about new Stories with new story covers!

Story Covers Refresh Dynamically for a Fresh Look with Each Visit

In addition to custom shapes for entry points, Storyly Story groups display covers dynamically, meaning that the latest unseen Story will always be featured in the entry point image. When users tap or click through to see Story content the entry point “marks their place” so that the next time they visit the website or use the app, they’ll see a fresh cover of the latest unseen Story. This combination of familiar entry points, and dynamically refreshed content is perfect for keeping audience interest high, and frustration low. 

You’re Not Like Anyone Else, Stop Looking Like Everyone Else

Stories are more popular than ever, and with good reason. As the first mobile-native format, Stories are an ideal content layer for creating irresistible engagement opportunities; sharing news, offers, and content; and nurturing an authentic dialogue with your customer base. But just because many brands use the same tool, doesn’t mean they all have to look the same. Customizing Story group covers is a great way to stand out from the crowd (and the competition!)

Make the Most of Limited Space and Attention

Space is always at a premium, especially in an app, where the home screen needs to offer the user as much utility as possible while still keeping the interface clean looking and easy to navigate. Stories offer an elegant solution to the space constraints by offering entry points to Story groups that help users get to what they want faster and with less friction. Not only is space limited, but user attention spans are growing shorter and shorter, as evidenced by a reluctance to scroll through overwhelming amounts of content. Changing the shape of the Story covers can help you make the most of the limited space and reduce the need for scrolling both in-app, and on websites. 

Let’s See Custom Cover Group Styling in Action!

Ziraat Bank

Ziraat is one of the biggest state-owned banks in Turkey, founded in 1863. They use Storyly in their app to increase customer loyalty and ensure that their announcements reach as many users as possible. They love being able to communicate directly with customers and create a dynamic user experience with Stories, but the circle cover wasn’t an ideal fit for their app design. By customizing entry points to rectangles, Ziraat is able to create a unified aesthetic that engages users with smart design and fresh, relevant content in a frictionless format. 

Birbank

Birbank is Azerbaijan's first digital bank and developed its extensive financial ecosystem under the Kapital Bank. Birbank has always been a progressive company known for being an early adopter and pioneer in the digitization of financial services, so it’s no surprise that they use Stories to communicate new offers to their users, orient them to new features, and get the most out of the app. The flexibility of the cover styling allows Birbank to keep Story entry points available and accessible for users without interrupting the flow of the home screen design. With square Story covers, the Story row now looks like it was custom made for the Birbank App.

Pomelo

Founded in Thailand in 2013, Pomelo is an online fashion brand now popular throughout Southeast Asia. Pomelo uses Storyly to create in-app Story groups showcasing the latest new arrivals, rising fashion trends, and seasonal looks. With custom group cover styling, Pomelo offers users a sneak peek of Stories, with dynamic in the form of dynamically changing covers that keep users curious, engaged, and excited about their offerings. 

Growfood

Growfood is a food delivery service app based in Russia. Aimed at athletes and anyone who wants to support a healthy lifestyle, Growfood offers prepared meal subscriptions catered to individual health goals. Storyly Stories help users navigate the many meal choices, and with custom rectangular covers, they’re even more enticing for users to tap through. 

Imagine the Possibilities

Now that you’ve seen the effect of custom cover group styling for leading brands, it’s time to put this feature to work for your brand. We’ve even prepared some beautiful designs to help you get inspired. 

Ready to get started? Book a call to learn more!

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

How to customize formatting for each rich text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer porttitor pretium massa sagittis cursus. Etiam egestas turpis vitae sem mattis semper placerat in nibh. Nullam tempus ligula sit amet turpis laoreet, et interdum purus hendrerit. Donec tortor massa, ultricies vitae laoreet a, facilisis quis orci.

Pellentesque rutrum erat eget neque accumsan porttitor. Aenean id consequat orci. Aliquam euismod finibus lacus, eu ultrices mauris interdum eu. Nulla tempor ac risus vel congue. Integer imperdiet purus ut turpis ultricies consequat.
  • Sed sagittis, ipsum pellentesque luctus porttitor
  • metus nisl vehicula ex, ut bibendum dui lectus ac odio
  • In faucibus laoreet malesuada. Fusce finibus eros vel nisl sodales congue.
  • Duis in massa mi. Donec venenatis, lectus interdum scelerisque pellentesque, orci lorem maximus ante, fermentum scelerisque dolor est eget nisl.
  • Cras aliquam pulvinar hendrerit. Morbi blandit auctor risus vitae consectetur. Sed auctor mauris eu velit imperdiet tincidunt.
  1. Sed sagittis, ipsum pellentesque luctus porttitor
  2. Ut quis dapibus elit. Nunc non sagittis quam.
  3. Nullam est est, posuere eget orci et, laoreet pharetra tortor.
  4. Nulla felis nisl, viverra sit amet mi id, volutpat ornare est. Ut ullamcorper sed dui sit amet pellentesque. Donec vel lectus id ipsum varius pellentesque et nec elit.
Read more like this
July 1, 2022

Four Features that Maximize Engagement for Web Stories

If you’re familiar with Storyly, it’s likely that you’re also familiar with all the ways that Stories can help brands achieve their engagement and revenue goals. But did you know that we also offer Story capabilities for websites? The same benefits of adding a Story layer to apps are now accessible for websites as well, and we’re constantly adding new features to make them even more fun and effective. Let’s take a look at some of the recent upgrades for Web Stories!
Product
June 15, 2022

Stories: The Leading Mobile Format

Stories are the most popular mobile content form today. What makes them so delightful and how can mobile brand make the most of them? Learn now!
Mobile Marketing
In-App Stories

Subscribe our blog

Get the latest post in your email.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.