ARENERA DEL LITORAL

This case study walks through our team’s UX/UI research and design process for Circle, a service created to broaden access to Berlin’s cultural scene. We tackled the invisibility of underrepresented voices—an issue we felt personally and validated through user research and community feedback.

This case study walks through our team’s UX/UI research and design process for Circle, a service created to broaden access to Berlin’s cultural scene. We tackled the invisibility of underrepresented voices—an issue we felt personally and validated through user research and community feedback.

This case study walks through our team’s UX/UI research and design process for Circle, a service created to broaden access to Berlin’s cultural scene. We tackled the invisibility of underrepresented voices—an issue we felt personally and validated through user research and community feedback.

ARENERA DEL LITORAL

This case study walks through our team’s UX/UI research and design process for Circle, a service created to broaden access to Berlin’s cultural scene. We tackled the invisibility of underrepresented voices—an issue we felt personally and validated through user research and community feedback.

ROLE

UX/UI Design

Design Lead

TEAM

1 UX/UI Designer (me)

DURATION

2 Months - 2025

CLIENT

Arenera Del Litoral

ROLE

UX/UI Design

Design Lead

TEAM

1 UX/UI Designer (me)

DURATION

2 Months - 2025

CLIENT

Arenera Del Litoral

How can digital design help an old-school industry stand out and grow?

THE CHALLENGE

Arenera del Litoral operates in a traditional, old-school industry with minimal digital visibility and a highly diverse customer base — ranging from large construction companies to private individuals, including many with limited digital literacy who often have little understanding of the company and its products. Most customers prefer using WhatsApp to place orders.

The challenge was to bridge the gap between the company and its customers, especially new ones, by creating a landing page that effectively communicates, informs, and guides users toward WhatsApp ordering. Additionally, the company needed a modern, distinctive digital identity that stands out in a conservative market.

THE PROBLEM

CONFUSING PRODUCT INFORMATION

Though the materials are basic, customers struggle to understand available formats and options, and competitor sites are often cluttered, text-heavy, and hard to navigate.

OUTDATED OR NONEXISTENT DIGITAL PRESENCE

Most competitors lack modern websites, making it difficult for users—especially younger generations—to find and trust suppliers.

DIVERSE USERS WITH VARYING NEEDS

The customer base ranges from large companies to individuals with limited digital skills, creating challenges for clear communication and accessibility.

THE SOLUTION

Playlistcheck is a responsive web platform that brings together essential playlist data in a clean, easy-to-read dashboard. A modular card system gives structure to the interface, allowing information to be displayed with clarity, hierarchy, and flexibility.

Built with both usability and scalability in mind, the design simplifies complexity without compromising depth—making the experience smooth for users and efficient for development.

PLAYLIST OVERVIEW

A structured top section presents the playlist’s essentials—type, genres, duration, save count. By organizing key facts upfront, the layout sets the foundation for deeper analysis, reducing cognitive load from the start.

Performance Dashboard

Modular data cards visualize critical performance metrics: follower trends, popularity, update activity, and freshness. Color-coded highlights and strong hierarchy allow fast comparison and instant assessment of playlist health.

EXPANDABLE METRICS

Select data cards include an info icon that reveals additional layers—like follower demographics or engagement context—without disrupting the main layout. This approach maintains a clean interface while allowing deeper insight where it’s most relevant.

Playlist DNA & Behind the Scenes

A radar chart translates sonic traits into a visual fingerprint: danceability, energy, and mood, mapped at a glance. Beneath, featured artists, collaborators, and labels round out the picture, connecting data to real-world influence.

A radar chart gives a quick, visual snapshot of the playlist’s audio traits – like danceability, energy, and mood. Users can also explore featured artists, collaborators, and labels, creating a fuller picture of the playlist’s musical DNA.

DESIGN PRINCIPLES

APP FEATURES

  • Discovery Page: A dynamic home screen that adapts to user interactions, featuring tailored content and connections, enhancing personal relevance.

  • Search Page: Enables easy access to events, locations, or artists, enhanced by intuitive filters to streamline the search process.

  • Event Page: Provides an immersive experience by collating all essential information in one place, enhancing user engagement.

  • Sharing an Event: Facilitates sharing events within the app or externally, enhancing community interaction and connectivity.

  • Save & Create a Circle: Allows users to create "Circles"—collections that can be private or public—to save favorite events and view others’ collections, aiding in decision-making and social exploration.

  • Planning and Voting: Encourages collaborative event planning and decision-making within Circles, maintaining high engagement levels and user investment in the platform.

  • Reminders: In-app reminders help users manage their event schedules and receive timely notifications, ensuring they never miss an event of interest.