Boostpro

The objective of this case study is to examine a landing page designed to increase customer engagement and boost sales. The landing page is part of a digital marketing campaign aimed at promoting a product or service to a specific target audience.

Boostpro

The objective of this case study is to examine a landing page designed to increase customer engagement and boost sales. The landing page is part of a digital marketing campaign aimed at promoting a product or service to a specific target audience.

Boostpro

The objective of this case study is to examine a landing page designed to increase customer engagement and boost sales. The landing page is part of a digital marketing campaign aimed at promoting a product or service to a specific target audience.

Boostpro

The objective of this case study is to examine a landing page designed to increase customer engagement and boost sales. The landing page is part of a digital marketing campaign aimed at promoting a product or service to a specific target audience.

Client:

Spotify

Role:

Principle Designer

Year:

2021

Client:

Spotify

Role:

Principle Designer

Year:

2021

Client:

Spotify

Role:

Principle Designer

Year:

2021

Client:

Spotify

Role:

Principle Designer

Year:

2021

Tools

Figma

Miro

Lucidchart

Lyssna

Optimal Workshop

Photoshop

Illustrator

Tools

Figma

Miro

Lucidchart

Lyssna

Optimal Workshop

Photoshop

Illustrator

Tools

Figma

Miro

Lucidchart

Lyssna

Optimal Workshop

Photoshop

Illustrator

Tools

Figma

Miro

Lucidchart

Lyssna

Optimal Workshop

Photoshop

Illustrator

Role

UX research

UX / UI Design

Role

UX research

UX / UI Design

Role

UX research

UX / UI Design

Role

UX research

UX / UI Design

Time

October 2023 -

March 2024

Time

October 2023 -

March 2024

Time

October 2023 -

March 2024

Time

October 2023 -

March 2024

Skills

Design Thinking

Qualitative & quantitative User Research

User Centered Design

Sketching

Wireframing

Prototyping

Usability Testing

Preference Testing

User Interface Design

Style Guide

Skills

Design Thinking

Qualitative & quantitative User Research

User Centered Design

Sketching

Wireframing

Prototyping

Usability Testing

Preference Testing

User Interface Design

Style Guide

Skills

Design Thinking

Qualitative & quantitative User Research

User Centered Design

Sketching

Wireframing

Prototyping

Usability Testing

Preference Testing

User Interface Design

Style Guide

Skills

Design Thinking

Qualitative & quantitative User Research

User Centered Design

Sketching

Wireframing

Prototyping

Usability Testing

Preference Testing

User Interface Design

Style Guide

The Challenge

The Challenge

he challenge of the task is to create a landing page for a SaaS (Software as a Service) product that effectively communicates the value proposition of the product, engages potential customers, and encourages them to take action, such as subscribing to the service or purchasing the product.

To achieve this, the landing page must be designed with a clear and concise value proposition that speaks directly to the needs and pain points of the target audience. Additionally, the landing page must feature persuasive copy, high-quality images or videos, and user-friendly forms that make it easy for potential customers to learn more about the product and take the desired action.

Header for landing page to boost website traffic
Header for landing page to boost website traffic
Header for landing page to boost website traffic
Header for landing page to boost website traffic

Key Features

Key Features

Our team started the work by by following establishing a solid understanding of the SaaS and working on gathering insights from users.

  1. Define the target audience: The first step is to identify the target audience and their needs, pain points, and preferences. This information will inform the design of the landing page and ensure that it resonates with the target audience.

  2. Create a wireframe: A wireframe is a rough sketch of the landing page layout and content. This step involves creating a wireframe that incorporates the key elements of the landing page, including the headline, subheadline, call-to-action, images or videos, and user-friendly forms.

  3. Design the landing page: Once the wireframe is approved, the landing page design can be finalized. This step involves incorporating branding elements, such as colors, fonts, and imagery, as well as optimizing the layout and design for mobile responsiveness and user experience.

  4. Write persuasive copy: Persuasive copy is critical to the success of a landing page. This step involves crafting compelling copy that communicates the value proposition of the SaaS product, addresses the target audience's pain points, and encourages them to take action.

Competitive analysis


While there are numerous dance apps available, none currently provide the distinctive feature our app strives for — connecting users with professional and qualified Swing & Blues Dance experts for personalized advice.


During my research, I encountered two comparable applications: Parley and Intro. Conducting SWOT analyses on both, it became evident which features are essential for the Swell! App to stand out, emphasizing the importance of a robust expert base.

Parley is a mobile application that connects users with a network of experts across various fields to provide instant, on-demand advice and guidance.

Parley is a mobile application that connects users with a network of experts across various fields to provide instant, on-demand advice and guidance.

Intro - Talk with experts aims at professionals seeking expert advice, knowledge seekers or problem solvers. It helps users make informed decisions with confidence and save time and money by avoiding trial and error.

Intro - Talk with experts aims at professionals seeking expert advice, knowledge seekers or problem solvers. It helps users make informed decisions with confidence and save time and money by avoiding trial and error.

Opportunities for the Swell! App

By showcasing experts from various countries, we aim to attract a global user base, nurturing a diverse and vibrant community. Incorporating video, audio, and written content alongside live conversations enhances user engagement, providing a dynamic and immersive experience. Utilizing user data and behavior analytics allows us to tailor recommendations, refining the user experience and ensuring that the Swell! App stays finely tuned to individual preferences.

“Struggling to find information about dance experts and the range of dance styles they specialize in, I want to know which dance experts fit my personal preferences.”

Understanding the User

I’ve conducted some User Interviews to gain knowledge on their experiences, needs & goals, behaviours as well as their pain points.


My primary research objectives were to uncover the ways in which individuals seek advice and guidance from experts in Swing & Blues Dance. Additionally, I aimed to understand the needs and preferences of users when utilizing an app, with a particular focus on unraveling the motivating factors behind their choices.

Anni 33

dance instructor (Swing)

St. Gallen, Switzerland

Anni 33

dance instructor (Swing)

St. Gallen,

Switzerland

"Personal feedback, faster learning pace, addressing my own topics, exchange with other dance professionals."

"I would get in touch only with pro dancers that I admire the dance style."

Vidda 37

self-employed

Living between

Switzerland & Austria

Vidda 37

self-employed

Living between

Switzerland &

Austria

Ilsa 36

social pedagogue

Stuttgart, Germany

"If it is practical for everyday use and allows quick, uncomplicated access to dancing and learning and provides a good entry into the swing world: who are the dance teachers? What are their focuses? Etc."

Insights from the research

Transforming the insights gathered from interviews into practical guidance for future design and decision-making, I employed the affinity mapping tool. By distilling these patterns, it becomes evident that enhancing the app's navigation, simplifying design features, and making the interface more accessible would likely elevate the overall user experience.

Takeaways

• Simplify interface for better accessibility

• Emphasize instructor credentials for trust

• Incorporate rating system for user experiences

• Enable real-time communication for feedback

• Include features for technical and cultural learning

• Showcase instructor profiles and styles

• Introduce instructors with style, language, location info

• Simplify interface for better accessibility

• Emphasize instructor credentials for trust

• Incorporate rating system for user experiences

• Enable real-time communication for feedback

• Include features for technical and cultural learning

• Showcase instructor profiles and styles

• Introduce instructors with style, language, location info

• Simplify interface for better accessibility

• Emphasize instructor credentials for trust

• Incorporate rating system for user experiences

• Enable real-time communication for feedback

• Include features for technical and cultural learning

• Showcase instructor profiles and styles

• Introduce instructors with style, language, location info

• Simplify interface for better accessibility

• Emphasize instructor credentials for trust

• Incorporate rating system for user experiences

• Enable real-time communication for feedback

• Include features for technical and cultural learning

• Showcase instructor profiles and styles

• Introduce instructors with style, language, location info

• Offer bundle pricing for cost-effective options

• Implement user level determination

• Provide transparent calendar for scheduling

• Allow video uploads for feedback

• Include slow/fast video function

• Offer music suggestions for training

• Implement topic filters for tailored learning

Humanizing the research

The insights I gathered were used to develop detailed user personas based on synthesized data, incorporating demographics, motivations, frustrations and goals. Those two personas serve as essential archetypes and represent key segments of the Swing & Blues Dance community.

Sarah

„Chasing connection with global swing experts, every misstep is a leap toward improvement in the rhythmic dance of life.“

Goals

• receive personalized feedback by international Dance experts

• broaden understanding of different styles

• personal guidance fitting her schedule

Taylor

„Balancing the dance of career and passion, my challenge is to pirouette through a demanding schedule.“

Goals

• seeking flexibility in accessing expert guidance

• exploring unique dance styles from renowned international instructors

• book in-person privat class, if dance expert is in vicinity

Touchpoints and emotions

The next step was to capture Sarah’s and Taylor’s highs and lows, allowing us to empathize with their user experience, identify pain points, and strategize ways to enhance and optimize the overall user journey.

Step by step

By mapping out Sarah’s and Taylor’s steps and decision points, user flows help to identify potential friction points, optimize the user interface, and ensure a smoother, more intuitive interaction for the user.

Sarah’s objective

„Frustrated by the lack of local expertise, I want to receive personalized video feedback from an international Swing Dance expert so that I can improve my skills .“

Assembling the map

To develop a sitemap I examined the app navigation structure. To ensure its logic and user-friendliness, I fine-tuned the sitemap through card sorting using standardization grid and similarity matrix. So here’s the refined sitemap after the tests.

Insights from the tests

Users associate calendar with planning and organizing dance-related activities, such as scheduling sessions and tracking events.

Users see home as the starting point, expecting a dynamic dashboard that caters to their preferences and recent activities.

Users expect a dedicated space for communication with instructors and peers, emphasizing the importance of seamless messaging features.

Users appreciate a centralized space for staying informed about instructors news and relevant updates within the dance community.

Users expect a robust search functionality, emphasizing the importance of quickly locating relevant content within the app.

Users view settings as a place for tailoring the app to their preferences and ensuring a personalized and secure user experience.

Takeaways

• The home category is crucial for creating an engaging and personalized user experience.
• Prioritize seamless messaging features under the messages category to enhance user communication.
• Consider implementing a robust search functionality to fulfill users' expectations.
• Keep the calendar category user-friendly for efficient event tracking and scheduling.
• Use the news category strategically to keep users informed and engaged.
• Ensure that the settings category is easily accessible, reflecting users' desire for personalized control over their app experience.

From paper sketches to clickable prototypes

Starting with my sitemap and user flows, I translated ideas into basic sketches on paper, eventually refining them into interactive mid- and high-fidelity wireframes using Figma.

Let’s dive into Usability Tests!

My aim was to check how effortlessly and intuitively newcomers can explore the Swell! app in their first interactions. A well-structured test plan guided remote moderated sessions through Skype and other video conferencing tools, with the participation of six users. The six participants were active Swing or Blues dancers with varying skill levels, including some who teach. They ranged in age from 26 to 41 and had diverse demographic backgrounds. Despite some minor technical hiccups, the test went well, thanks to a thorough test script. Everyone agreed the app is easy to use and intuitive. I've detailed the results in a test report, using tools like affinity mapping and a rainbow spreadsheet.

Pain points from the tests

Users lacked a comprehensive overview of instructors on the home screen.

Users desired a search bar directly accessible from the home screen.

Users wished to connect with experts through Spotify for playlists.

Users found the schedule and video session shortcuts confusing and preferred news notification alerts.

The terminology used for communications (comms) was unclear to users.

Possible solutions

• Include a comprehensive overview of instructors on the home page, offering users quick access to browse and select preferred instructors.

• Place a search bar prominently on the home screen for easy access, enhancing user convenience.

• Integrate a Spotify button on instructors profile to connect with experts for playlists.

• Implement small notification alerts on the home screen to inform users of important instructor updates or news.

• Replace Comms with a more intuitive term, such as Chat ensuring clarity in the menu options.

More Testing

To find out which landing page users prefer, which will set the overall look for the whole onboarding process, I conducted some preference tests using Lyssna.


While Option 2 holds a slight majority, many participants praised the readability and contrast of text in Option 1. On the other hand, participants felt that the darker tones in Option 2 complemented the dance style, capturing the essence of Blues and setting the right mood.


Although the initial motivation for Option 1 was readability and contrast, I've decided to tweak Option 2 to ensure it meets AA and AAA compliance for text visibility (as per WCAG standards). This way, the updated design promises both improved readability and a richer user experience in terms of mood and atmosphere, aligning with the vibrant vibes of the Blues.

Option 1
47%

Option 2
53%

Updated design

“I am motivated by dance experts who inspire me. I want to be able to see their unique style before I decide to contact them.”

More feedback, more iterations

Guided by peer feedback and design principles like gestalt laws and Material Design, I refined my design iteratively. My aim? Crafting a user-centered experience that captivates and engages effortlessly, ensuring seamless interaction and meaningful engagement.

Polishing the Design

After numerous iterations and user feedback, the Swell! app has reached its final design iteration. The interface now seamlessly blends elegance with functionality, offering users an intuitive and delightful experience.


From vibrant hues to intuitive layouts, every detail embodies the app's mission to connect enthusiasts with expert instructors in the world of dance. The project was delivered in a design style guide.

Learnings

The journey of crafting the Swell! app has been an enriching experience, from delving into user research to fine-tuning with usability testing and embracing Material Design Guidelines. Each step has been a collaborative adventure, driving the evolution of Swell! to new heights.


Discoveries made along the way have been enlightening, especially through the iterative process fueled by qualitative and quantitative data from user tests. Engaging with interviews, surveys, and tests has provided eye-opening perspectives, reinforcing the user-centric ethos at the core of design.


During the testing some challenges surfaced. Guided remote testing encountered technical hurdles with software and connection, requiring thoughtful consideration and troubleshooting. Some participants found themselves overwhelmed by technology, affecting their efficiency during testing sessions. Additionally, enthusiast participants tended to explore all functions extensively, even when not specifically tasked to do so. While certain participants with critical attitudes tended to offer more criticism, their input proved invaluable in providing constructive feedback. However, these challenges provided invaluable insights, reminding me of the diverse user experiences and attitudes I must accommodate in my design process.


Looking ahead, alongside ongoing testing, my focus shifts to enhancing dance style matching accuracy by dissecting existing recommendations and user behavior data. Introducing Swing & Blues dance organization databases promises to elevate the app further, ensuring a seamless experience for dancers seeking guidance and connection.

I'm a certified UX Designer with a background in Industrial Design and a specialization in Auditory Product Design. I thrive on a user-centric approach, driven by a passion for delivering impactful solutions tailored to user and business needs.

I'm a certified UX Designer with a background in Industrial Design and a specialization in Auditory Product Design. I thrive on a user-centric approach, driven by a passion for delivering impactful solutions tailored to user and business needs.

Let’s

connect!

Currently, I'm eager to apply my skills in dynamic environments like design agencies, tech firms, or in-house design departments around Stuttgart or remote. My goal is to contribute innovative solutions that drive business growth and elevate user experiences to new heights.


Feel free to reach out to me via email, and I'll be sure to respond within 48 hours.

Currently, I'm eager to apply my skills in dynamic environments like design agencies, tech firms, or in-house design departments around Stuttgart or remote. My goal is to contribute innovative solutions that drive business growth and elevate user experiences to new heights.


Feel free to reach out to me via email, and I'll be sure to respond within 48 hours.

© keng.design 2024