Earn Your Stripes: The Productivity Page

• 

  Earn Your Stripes Web Page

• 

  Tiger Logo

• 

  Stripe Badges

Inspiration

Obsessed with productivity and incorporating a little fun competition into our to do list. This project is designed to make work something to look forward to.

What it does

Incorporating fun elements to earn badges and encorage completing tasks on your to do list.

How we built it

HTML, CSS, JS, Adobe Illustrator

Challenges we ran into

The logic of creating the tasks as well as earning the badges, stripes, as tasks get checked off the list.

Accomplishments that we're proud of

The illustrations, creativity, and UX/UI design.

What we learned

Don't bite off more than you can chew.

What's next for Earn Your Stripes: The Productivity Page

Finishing the original idea, creating a timer, more badges, and game elements.

Built With

• adobe-illustrator
• css
• html
• javascript