← Back to Portfolio

Digital Well-Being: Staying Productive Without Burnout

The Wellness Café — Interactive Flow

Project Overview

Client / ContextInternal demo for creative studio (Belgrade)
Duration~20–25 minutes
RoleInstructional Designer (Full-cycle)
FormatPowerPoint + iSpring Suite

Learning Objectives

Detailed Case Study

Digital Well-Being: Staying Productive Without Burnout

Sub-module: The Wellness Café — Interactive Flow

Client / Context

Internal demo project for a small creative learning studio based in Belgrade. Designed as part of a wellness initiative promoting mindful digital habits. The goal was to create a warm experience blending professional tone with a cozy metaphor.

Role / Responsibilities

  • Instructional Design & Scriptwriting
  • Visual Design & Art Direction
  • Storyboarding (PowerPoint + iSpring extension)
  • Interaction Design and Trigger Setup
  • Voiceover and Text Tone Guide
  • Color & Typography System

Tools / Platforms Used

PowerPoint with iSpring Suite, Adobe Illustrator / AI generated art, Canva, Miro, Audacity.

Impact / Results

  • Strong visual and narrative showcase for portfolio.
  • Demonstrates how microlearning combines metaphor and interactivity.
  • Received positive peer feedback for tone and consistency.
Lesson Storyboard
# Title On-Screen Text Voiceover (Narration) Visuals / Interactivity
1 Welcome "Welcome to The Wellness Café! Find your perfect blend of focus, calm, and balance." "Hey there! Welcome to The Wellness Café — where productivity meets peace. Choose your blend and start your wellness journey." Cozy café background, barista pointing to menu. Clickable drink buttons.
2 Focus Latte "Feeling scattered? Try a Focus Latte — your recipe for concentration." "When distractions brew, take a deep breath and blend your focus again." Latte art animation. Click "Blend It" to reveal focus tips.
4 Calm Brew "Digital calm is just one brew away." "Our devices shout for attention. Let’s mute the noise and give your mind a moment." Evening café light. Click floating notification icons to make them fade away.
5 Recharge Tart "A healthy mind needs balance." "Even in busy days, make time for micro-recharges — a stretch, a laugh, a sip of tea." Café table with tart. Click dessert to reveal sequential tip cards.
6 Goodbye "Remember: focus, calm, and recharge — one sip at a time." "Take these flavors of wellness into your day. See you again soon!" Barista waving goodbye at café door. Exit navigation.
Needs Analysis Form
Training Intake Form
Target AudienceOffice employees in a small tech company in Belgrade (~40 people).
Desired BehaviorManage screen time, recognize fatigue, set digital boundaries, practice mindfulness.
Knowledge GapsCauses of digital fatigue, notification impact, Pomodoro method, company guidelines.
Success MetricsEmployees manage workload effectively, maintain focus, and show improved well-being.
Business ImpactImproved productivity, fewer burnout absences, stronger employee retention.
Logistics20–25 minutes. Delivered through LMS during Well-Being Week.
Target Audience Profile
DemographyMarketing, Design, Support roles. Mostly 25–40 years old.
Learning ModePrefer visually engaging content; sensitive to stress topics — tone must be supportive.
ConstraintsMobile-friendly requirement; asynchronous accessibility for mixed schedules.
Training Blueprint
Module Topics Bloom's Level Learning Outcome Engagement Activity
1. Understanding Fatigue What is digital fatigue and its effect on focus. Understand Define digital fatigue and identify workday causes. Infographic, reflection prompt, knowledge check.
2. Managing Screen Time Pomodoro, micro-breaks, app limits. Apply Use practical methods to reduce screen overload. Interactive scenario: structuring a workday.
3. Digital Boundaries Notification control, etiquette, "right to disconnect". Analyze Recognize unhealthy patterns and set personal boundaries. Mini-case: balancing Slack vs focus time.
4. Healthy Habits Mindfulness, posture, focus-reset. Apply Integrate relaxation practice during the day. Breathing micro-video, self-assessment checklist.
5. Sustaining Well-Being Long-term strategies & company support. Evaluate Develop a personal Digital Well-Being Plan. Downloadable worksheet template, completion quiz.