Ipad, mobile and laptop mockup with website homepage open
User Interface (UI) | User Experience (Ux) | Prototyping | Wire framing |Responsive UI
Web Design & Development | Branding

Play your way to Creativity

"Play Your Way to Creativity" is a web experience that is a transformative 21-day journey designed to inspire and guide users in incorporating play into their creative processes. The countdown experience offers short, engaging activities each day, creating a structured and enjoyable routine aimed at fostering creativity.

About the project

As a designer, I've observed that both myself and fellow creative professionals often encounter challenges when it comes to infusing playfulness into our creative processes. There is a common misconception that creativity is an inherent trait, but studies have demonstrated that it is, in fact, a skill that can be cultivated.

Recognizing the learnable nature of creativity, I have developed a 21-day challenge aimed at incorporating playfulness into the creative process. This challenge involves engaging in small, enjoyable activities over the course of 21 days, with the goal of forming a habit. This approach is rooted in the belief that, through consistent and deliberate practice, anyone can nurture their creative abilities.

Role

  • Visual Designer
  • UI Design
  • Website Development
  • Branding

Tools

  • Adobe Photoshop
  • Figma
  • Adobe Illustrator
  • HTML, CSS and JavaScript

Brand design and Identity

play your way to creativity logo in white on purple background
three wavy lines to show playnessplay your way to creativity written in purple color on wavy background
two notebooks with custom design of brand on purple and grey background
Mobile mockup in middle with two screens open on each side displays different parts of the website

Website design

Rough sketches

Starting with rough sketches is like doodling ideas on paper before diving into detailed designs. It's a playful phase that lets me freely explore different looks and layouts. These quick sketches help me get a feel for the design and try out various possibilities without worrying about perfection.

Four rough sketches of the design prototypes

Project goal

The "Play Your Way to Creativity" website aims to guide users through a 21-day countdown experience, offering daily playful activities designed to infuse creativity into their processes. The project seeks to inspire a mindset shift, encouraging users across creative disciplines to embrace play as a key catalyst for innovation, overcome creative blocks, and foster a sustained passion for imaginative expression.
pink circle in the middle and a pink outline around it

Project timeline

project timeline to show the project structure from step one to the last

Design Process

This systematic process ensures that the final product aligns with user needs, maintains design consistency, and delivers a great user experience.

two faces join by the number of lines
Empathize
dot and arrow in the middle
Define
light up bulb that shows idea
Ideate
pen tool with the lines
Design
prototyping with the square shapes
Prototype
hand holding ruler and screws
Develop
website prototypes that shows code valid
Code Validation
hand going through the prototypes with timer shows the interaction
User Testing            

User flow

The user flow serves as a valuable tool for monitoring and understanding user progress, as well as tracking how individuals interact with the website to accomplish specific tasks. By mapping out the series of steps users take from their initial interaction on the homepage, through registration, to active engagement with daily challenges, the user flow provides a comprehensive overview of the user's journey.

flow that shows how user interact with the website

Lo-fidelity prototypes

images of drawings of four layouts on to and on bottom four screens of lo-fi prototypes shows the planning
gif of various screens of the website

Accessibility

Accessibility includes not only the outward depiction but also what is going on behind the scenes. Proper tags and structure are employed to deliver a more efficient experience to screen readers.

wave inspection tool checker and zero errors shows that website is accessible
 website homepage mockup with the mobile mockup with the homepage of website open on it
close zoom of website homescreen
one mobile mockup with three mobile screen mockups on yellow background floating and on all the mockups different se

Email templates

 website homepage mockup with the mobile mockup with the homepage of website open on it

Style Guide

The Play Your Way to Creativity website boasts a lively style guide characterized by a vibrant color palette and playful fonts, strategically chosen to infuse the platform with a sense of joy. The carefully curated colors, bold and diverse, mirror the multifaceted nature of creativity, inviting users to embark on a visually stimulating journey of self-expression.

different styles variations used to build the website

Visual Design

mobile with the screen extended out shows the visual design of the website

The visual design for the "Play Your Way to Creativity" website is a vibrant and dynamic representation of the platform's core philosophy, infusing playfulness into the creative process. The color palette, characterized by bold and diverse hues, mirrors the multifaceted nature of creativity, inviting users to explore various dimensions of self-expression.

three mobile phones with home page open on the most left one and calendar in the middle and the epert page open in the most right one

Product Features

01

Home page provides the whole walk through of the website, Easy sign up helps  the users to registered and also highlights how this challenge works.

  • Walkthrough of the website.
  • Easy sign up.
  • Importance of play in creative process.
two mobile device mockups shows different pages of the website
02

A calendar page helps the user to keep track of activities and an easy  access to all the activity pages from one page.

ipad and mobile device mockups shows the calendar page of the website
03

A daily email reminder for the users to provide them a sneak peak about the activity and keep them engaged to the countdown experience

laptop and mobile device mockups shows the email templates of the website

Conclusion

"Play Your Way to Creativity: 21 Days Countdown Experience" website effectively integrates playfulness into the creative process. Through its structured journey, interactive features, and gamification elements, it inspires and empowers users to explore their creativity in a joyful and engaging manner. This case study highlights the transformative impact of play in fostering creativity and underscores the importance of incorporating playful elements into digital platforms for enhanced user experience and outcomes.

Live website ↗︎