• Bold
  • Brave
  • Direct
  • Innovative
Loaded
Take Back Attention
Overview
User Experience Design
Data Visualization
Interaction Design

Take Back Attention is a interactive microsite that uses creative data visualisation to highlight the issue of social media addiction.


Through innovative and engaging data visualizations,the TBA movement illuminates the profound impact of excessive social media use on attention spans. With a focus on raising awareness and providing valuable insights, it empowers users to regain control over their digital habits and take charge of their online well-being.

This microsite encapsulates a comprehensive approach to address the challenges posed by social media addiction. By offering captivating and creative data visualizations, it educates and motivates users to rethink their digital consumption habits. "Take Back Attention" is not just a platform; it's a digital ally in the quest for improved attention span and overall well-being in the digital age.

The Problem

With the rise of social media platforms, people are increasingly experiencing decreased focus, heightened distractions, and a diminished ability to concentrate on tasks.

The Insight

The increasing use of social media, especially short-form video, has had a detrimental effect on our attention spans, productivity, academic performance, and ability to handle complex tasks.

The Objective

To empower individuals to reclaim their attention and develop healthier digital habits by raising awareness, providing education, and offering practical strategies.

The Sitemap

TBA is a straightforward linear scroll, with intuitive site architecture, clear navigation, and breadcrumbs.

The User Journey

The journey Alex goes through interacting with Take Back Attention, from initial motivation to final action.

Click to enlarge.

Lo-Fi Wireframes

Hi-Fi Prototypes

Final Prototype Overview

Take Back Attention Video Thumbnail

Scroll For Next Project

Next Project
Vintage Modernism