TUULEE,

TUULEE,

2020

Adobe Illustrator, Adobe Photoshop, Sketch, Figma, Invision

  • Color palette/font/icons

    About

    • What is Tuulee?

    • Main Challenges

  • Logo Process

    Analysis & Research

    User Flow Map

    Personas

    Prototype & User Testing

  • Explanation

    Final Logo

    Final Prototype Mockups

    • Videos & Images

Color Palette

Shades of blue & orange

Font

Avenir Next

Icons

Abstract illustrations

WHAT IS TUULEE?

Tuulee is a weather-based music app that began as a class project but was further developed during the 2020 Mozilla Builders Summer Open Lab. Tuulee combines location, activity level, and weather to curate personalized song playlists. By relating technology and music to weather patterns, people can better connect with their surroundings.

MAIN CHALLENGES

Creating a successful algorithm for how different weather, activity, and locations impact music was one of the main challenges faced while developing Tuulee into a functioning app. Working with a Developer and Project Manager helped to make it a more efficient and concise application.

LOGO PROCESS

I experimented with different ways of combining music and weather, while focusing on how it feels to listen to music and experience weather. The name of the app was originally “YouCast” but was later changed to “Tuulee.” In Finnish, tuulee means “it’s windy.” When I was working on the algorithm for the app, I thought about how much wind impacts how people experience weather, and how the wind levels would then change what types of songs would be played through the app.

Later on in the process, I softened the edges on the logo and cleaned up the lines. The final logo design is presented in the Final Designs section.

Competitive Analysis
& Research

The analysis and research include user interviews, competitive analysis of YouTube, user flow map, & a value proposition.

USER FLOW MAP

App Flow Focus:

  • YouTube

Flow:

  • the app opens to the home screen with recommended videos, main function buttons, & new videos 

  • only a few clicks to log in, switch accounts, or log out

  • playlists are easy to add to or remove from 

  • clicking on a video brings up the description, related videos, & comment section 

  • while watching a video, there are icons that provide quick access to like/dislike or share a video​ 

VALUE PROPOSITION

Tuulee is a revolutionary app that curates music based on local weather by connecting with the weather app & activity level, in order to curate easy-to-access playlists for users.

​

After interviewing three individuals in their early to mid-20s about music apps (Apple Music, Spotify, & Google Play), one common problem that appeared was the difficulty of use. Adding, removing, & organizing songs in playlists take too many clicks.​

​

I would like to focus on a younger audience, mainly 18-35-year-olds who use music apps both on the go & at home. From parties to car rides by the beach, this app will provide music that is perfect for each occasion. 

PERSONAS

Personas & sketches for a music app that curates music based on location, weather & activity. The personas focus on three individuals. There are sketches & wireframes that show the main features & flows. 

WHO?:

  • design student (19 years old)

  • artist & musician (25 years old)

  • software engineer (23 years old) 

​WHAT APPS?:

  • YouTube, Spotify (Free), Google Play

  • Spotify (Premium), SoundCloud 

  • Apple Music

​LIKES ABOUT MUSIC APPS:

  • more icons than text

  • customizable & curated playlists 

  • sharing music easily 

​DISLIKES ABOUT MUSIC APPS:

  • too many clicks to add/remove songs

  • difficulty using certain functions 

  • cannot find certain playlists

WIREFRAME SKETCHES

MAIN SCREENS OF THE APP:

  • home screen

  • search

  • playlists

  • favorites

  • weather/location/activity

FOCUS ON?:

  • using few clicks to get to pages

  • easy to navigate 

  • easy to customize (weather, location, activity)

  • quick to use

​OTHER FEATURES:

  • access to album info from the home screen 

  • favorite songs & playlists 

  • connect & disconnect from the weather app

  • filter searches 

Prototype &
User Testing

A link to the initial prototype, along with questions & answers from user testing. The user testing is followed by updates to the initial prototype.

INITIAL PROTOTYPE:

  • main screens from the initial prototype

  • blue shapes show clickable areas

  • the home screen has grey squares that would be graphics indicating the weather, location & activity

​TOTAL # OF SCREENS:

  • 28 screens

​INITIAL PROTOTYPE LINK:

https://invis.io/NF10XHNWSYW7#/409903206_A_Login_2

USER TESTING

CURRENT 3 ICONS ON BOTTOM WORKING?:

  • yes

  • enlarge symbols

  • take out text

'EDIT' BUTTON NEEDED?:

  • good as is

IS APP OVERWHELMING?:

  • no

  • it is easy to navigate

ADDITIONAL NOTES:​

  • take out the 'delete' button on the playlist overview screen

  • overlay with side menu is working well

  • take off unnecessary tabs on the side menu 

UPDATED WIREFRAMES

SECOND VERSION:

  • bottom navigation bar updated 

  • additional screens added

  • more interactivity for the users

  • screens are scrollable instead of just having the scroll bar on the side

  • unnecessary buttons & text were removed

TOTAL # OF SCREENS: 

  • 46 screens  

Final Prototype

The app went through multiple versions after user testing, & made the most changes during the Mozilla Builders Open Lab (Summer 2020). These changes included simplifying the app by taking out unnecessary screens & features, & changing the name from YouCast to Tuulee. Tuulee maintains a minimalist style, with abstract illustrations & white space.

 

There were plans to launch the MVP, when Tuulee was in the coding phase. There was a tester version that worked successfully on desktop, but, as of right now, we are not planning on maintaining the desktop version or creating the app.

FINAL LOGO