Timeline to Action – Designing an Interactive System That Converts Views Into Results

Terrific

Product Designer

2024-2025

Social Commerce & B2B SaaS Platform

Overview

Terrific is a SaaS B2B and B2B2C social commerce platform designed to help businesses leverage data-driven insights to enhance engagement and maximize revenue.

It helps businesses engage audiences, convert viewers, and optimize performance through a suite of interactive tools.

One of the platform’s core products is a modular timeline and analytics system, designed to help brands manage large volumes of content, personalize delivery based on timing, and gain data-driven insights into what drives engagement and conversion.

High Level Goals

Build a scalable, data-driven timeline system that helps brands structure content by time and context, drive engagement, optimize performance— and ultimately, increase conversions and sales

Before we dive into research and design, let’s talk impact

Through strategic design and user-focused improvements, we achieved measurable results that enhanced user experience and engagement. Here’s the impact we created:

+28%

Improvement in content engagement after structuring assets by time and context.

3.2X

Increase in click-through rate on videos optimized within timelines.

+18%

Growth in total sales after implementing interactive timeline experience.

+246

New businesses onboarded, expanding the platform’s global reach and influence.

Fun Fact

The most-clicked video in a single timeline? A 14-second clip showing how to fold socks like a pro 🧦✨

The Problem

Businesses are eager to boost sales, gain control over their data, and deliver personalized content.

However, their digital assets are primarily controlled by social media platforms like Instagram and Facebook, limiting direct access to valuable customer data. As a result, they struggle to truly understand their audience and optimize their marketing strategies.

At the same time, traditional e-commerce fails to offer the timely, interactive, and data-informed experiences that today’s consumers expect. There’s a clear need for a solution that gives businesses full ownership over their content and data — while turning engagement into measurable results.

Challenges of Timeline-Based Commerce

Understanding the Challenges

To design a seamless and strategic content management experience, we first had to understand the core struggles of the people involved—admins, marketers, and decision-makers.

The Admin: Drowning in Chaos

Admins were managing a growing number of sessions with no centralized view. Data was fragmented, timelines were hard to compare, and performance tracking required manual effort—making optimization nearly impossible.

The Marketer: Guessing, Not Strategizing

Marketing teams had no structured way to test, track, or iterate. They lacked visibility into what content drove results, which day or hour performed best, or how different formats compared—forcing them to rely on gut feeling instead of data.

The Business: Scaling Without Control

As content production scaled, businesses found themselves managing dozens of assets—videos, polls, products—without a clear framework. Content was scattered across different sessions and goals, making it hard to organize, analyze, and optimize.

Market Landscape: Competitor Research

Our research revealed that users struggle to find events that match their interests and connect with like-minded people. Casual users seek simplicity, while engaged users look for better tools to foster meaningful connections.

+54 user interviews conducted to understand event discovery challenges.

+23 survey responses identifying user pain points.

4 key user needs identified through research.

What the Data Taught Us | Pain Points

Research and User Insights

To better understand these frustrations, we conducted in-depth research, including interviews, surveys, and usability studies. Here's what we discovered:

62% of Businesses

Struggle to track customer engagement and conversions in live shopping sessions.

48% of Hosts

Find it difficult to manage product presentations while interacting with viewers in real time.

53% of Shoppers

Lose interest in live sessions that lack interactivity and personalized recommendations.

41% of Brands

Want better analytics and insights to optimize future live shopping events.

Translating Insights into Needs

With our research insights and competitor analysis in hand, we set out to map the key requirements and needs of our users. This step ensured that our design process was firmly grounded in addressing real pain points and delivering meaningful value to our audience.

Advanced Admin Tools

Businesses need data-driven dashboards to track engagement, optimize performance, and make informed decisions in real time.

Guided Hosting Experience

Hosts require structured support, like real-time talking points and interaction tools, to keep live sessions engaging and seamless.

Shoppable & Interactive Live Streams

Customers expect more than passive viewing—they need interactive features like polls, chat, and seamless product purchases.

Actionable Insights & Reports

Brands need in-depth analytics to measure live session success, improve sales strategies, and refine future shopping experiences.

Solutions - Key Feature 1

Live Horizontal – The Core Shopping Experience

The Live Horizontal Experience transforms live shopping into an immersive, interactive journey. Unlike traditional vertical streams, this new design prioritizes the video, creating a more engaging, distraction-free environment similar to YouTube. Viewers can seamlessly explore products, participate in polls, and interact with the host—enhancing both engagement and conversion rates.

65% Reduction in Onboarding Time

Faster and smoother experience for new users.

70% Increase in Completion Rates

More users completed their profiles, unlocking personalized recommendations.

55% Increase in Returning Users

Strengthened engagement by encouraging users to come back.

Key Feature 2

Generated User profile

The generated user profile lets individuals showcase their interests, personal details, and preferences. This feature helps users connect with like-minded people and discover events that match their unique interests, enhancing community engagement.

Solutions - Key Feature 3

Events Discovery

The user onboarding allows individuals to highlight their interests, personal details, and preferences. This setup enables tailored event recommendations, helps connect users with like-minded people, and creates a more engaging experience from the start.

Personalized event feed that recommends activities based on user interests, preferences, and social connections, making it easier to find relevant experiences.

A simple and intuitive menu that allows users to seamlessly switch between home, events, groups, and chats.

An intuitive event filter, allowing users to refine their search by location, event type, price, category, and duration for a personalized discovery experience.

Event Details & Community Tools

The event details screen provides key information like the title, date, time, location, and description. Users can engage through a chat feature to coordinate with others, a team section for group activities, and a gallery to view and share event photos. These features ensure users stay informed, connected, and engaged throughout the event.

Responsive version

The responsive web app provides users with a seamless experience to browse events and connect with their communities. The interface features personalized recommendations, easy access to relevant categories, and a search function to discover events based on interests and location. Designed for flexibility, users can interact with their communities and explore events from any device, ensuring consistent engagement.

Solutions - Key Feature 4

Tools for Social Interaction

The chat feature helps users connect before, during, and after events. It enables direct messaging, group coordination, and community discussions, making it easier to plan, engage, and share experiences. Users can also view event-related media, ensuring a more interactive and connected experience.

Personalized Activity Analytics

This dashboard provides users with a data-driven snapshot of their engagement on the platform. The interactive graph compares total events from this month versus last month, allowing users to track trends and growth. Below, key analytics such as profile views, groups joined, and active time offer deeper insights into user activity, highlighting changes with percentage indicators. These metrics help users stay informed about their interactions and overall engagement.

Style-guide

Key Learnings

Through extensive research and competitor analysis, we identified crucial challenges that guided our design process. These insights helped us address real user needs and deliver impactful solutions:

Reaching the Right Target Audience
Through this project, I learned the importance of deeply understanding user behavior and preferences. Early competitor analysis and audience research ensured that every feature directly addressed users’ pain points, resulting in a platform that feels personalized and engaging.

Continuous Validation and Iteration
Ongoing user testing was vital in refining the design. Regular feedback sessions revealed areas for improvement, helping me prioritize user needs and create a more intuitive and seamless experience.
Clarifying User Personas
Defining user personas early in the process allowed me to align design decisions with real-world user goals. Understanding the diversity in user preferences led to the development of more meaningful and relevant features for each persona.

Eden Shine