Subscription for Audio & E-book App "ABUK" (2024)
Introducing ABUK's new subscription functionality — a fresh, sleek addition to your reading and listening experience! 📚🎶 The design brings together thoughtful UI/UX choices that enhance user engagement and keep the interface intuitive and visually captivating. Let’s dive deeper into the design decisions that make the new subscription features stand out!
🎧 Audiobooks Screen
The audiobooks screen embraces clean spacing and hierarchy to offer a stress-free browsing experience. The circular icons for book genres and categories allow for playful interaction, while the highlighted audiobooks in rectangular cards make them the focal point of the screen. A gentle gradient or shadow effect lifts these cards, giving them depth and making selections more engaging.
🎙 Audiobooks with Banner Screen
The integration of the banner within the audiobooks screen demonstrates careful attention to balance. The promotional banner sits comfortably at the top of the screen, offering recommendations without overwhelming the content below. The banner doesn’t interfere with the grid of audiobook selections, thanks to smart use of padding and white space that ensures both elements co-exist harmoniously. It draws attention while still maintaining a non-intrusive flow.
📖 E-books Screen
Designed with avid readers in mind, the e-books screen showcases new releases and top picks through a beautiful grid layout. High-quality cover art dominates the design here, with subtle accent colors used to differentiate categories. The use of a card system makes tapping through books feel natural and engaging. Icons and buttons are subtle, letting the book covers shine, while still maintaining functionality.
📱Options with Banner Screen
This screen brings users direct access to customization, supported by clean and organized settings. The inclusion of the banner here follows the same principle of non-intrusive promotion, nestled between options. The rounded corners of buttons and fields are a recurring theme throughout, ensuring consistency in the UI’s overall softness. These choices help in retaining the user's attention on the core settings while still offering subtle promotional nudges.
📚 Book Information Screen
Rich detail meets elegant design on the book information page. A soft color palette frames critical information, from descriptions to reviews, ensuring readability and comfort. The “Avaliable in ABUK Premium” or “Buy” buttons are prominent, with rounded edges and subtle drop shadows, making them easily tappable. The icons for ratings and quotes are designed with simplicity in mind, adding functionality without cluttering the design.
💳 Premium Subscription Plan Screen
This screen is all about clarity and conversion. It features minimalist design, with key information like price and benefits clearly organized in cards with soft edges and concise typography. The icons beside each benefit—like unlimited access, early releases, and exclusive content—are friendly, outlined designs that add a touch of playfulness without detracting from the professional feel. The “Choose Plan” button is strategically placed, and its vibrant coral color contrasts against the white background to make it the star of the screen.
💬Main Banner
The main banner commands attention with its bold, welcoming coral background. Featuring rounded edges and smooth typography, the banner uses soft, eye-catching illustrations like headphones to indicate the app’s core focus—audio entertainment. The "View Plans" button is styled with crisp, modern edges, encouraging users to interact with clear, actionable text. The white button contrasts effectively against the coral, pulling users in effortlessly.
🛠 Option Banner
The option banner maintains continuity with the same inviting color palette, making the interface feel cohesive. The rounded icons for features like account settings, promo codes, and device management are simple yet informative, ensuring quick recognition. The use of consistent iconography across the UI adds to the app’s visual harmony and makes it easy for users to navigate while still engaging with promotional content through the banner.
The new ABUK subscription functionality isn’t just a feature — it’s a whole new experience. Every detail, from the rounded icons to the modern banners, has been crafted to delight users while simplifying their journey through the app. ABUK merges clean, engaging design with practical functionality to elevate how we consume audio and e-books — making every tap and swipe a pleasure! 🌟
This is a design created as university pre-degree internship for Tubik Studio in 2024.