tuka Website on Laptop

Tuka Global

Brief

Problem

The overwhelming supply of creative content (such as music) makes it extremely difficult and costly to connect artists with their audiences and vice-versa.

Solution

Create a sustainable new online ecosystem that empowers not only creators and consumers, but also rewards curators of desired content. The goal is to help innovative creators thrive, and reward those who like to create and share content.

Description

Work with developers and founder to launch music social media platform called tuka global

My Role

UX / UI Designer: design user interface for the platform

Tools

Sketch, Photoshop, Illustrator, InVision, Trello, Slack

Platform

(still in development)

Project Length

~6 months

When

2019

Why take on this project?

I’ve always been interested in discovering obscure or relatively undiscovered music. Tuka global encourages and supports this as one of its main features. I’m also all for getting more revenue back into the hands of content creators.

Project Status

Working with the company’s founder and CEO, I have continued to flesh out how tuka will best serve its users by providing content creators with more value than competitors, better content discoverability, and how to best connect content creators with their fans. When I joined the tuka global startup, UX Designers had already performed some of the research required to establish early concepts. It was my job to then take this research into consideration and iterate on the existing designs.

UI Designs

The below images are the current designs expected to be used for the MVP (minimum viable product). All designs are open to additional changes at any time.

Homepage design

The homepage is meant to be a basic introduction to tuka. Users are able to immediately start discovering music. After purchasing music, and thus supporting artists, fans may then share content they like. Recommending music to others helps connect communities, supporting artists and helping fans find new music. The tagline “Discover • Share • Connect” reflects the goals of tuka.

Homepage

Figure 1: Homepage design

Sign Up Pop-up

Users can discover music right away, but to begin purchasing content, they need to sign up. The below sign up pop-up includes modern conventions such as confirming both email and password, responding to the captcha, providing terms of use and privacy policy, and an option to log in if users already have accounts. It includes the necessary functionality, while also maintaining tuka’s overall aesthetic.

Sign up pop-up

Figure 2: Sign up pop-up

Email Confirmation Pop-up

Once users sign up, an email confirmation pops up. This notifies users to check their email and confirm their account. Always keeping the user experience in mind, there’s an option to resend the confirmation email and a reminder to check their spam folder.

Email confirmation pop-up

Figure 3: Email confirmation pop-up

Confirmation Email

Users will confirm their account when they receive an email. Included is the option to contact support if there are any issues.

Confirmation email

Figure 4: Confirmation email

Account Confirmed Pop-up

Once users click “Verify your account” in the email, they will be taken to a new tab of tuka, where they will be prompted to log in for the first time. Once logged in, the account confirmed pop-up will display.

Account confirmed pop-up

Figure 5: Account confirmed pop-up

User Page

Below is an example of a user page. It’s early in development and user needs are still being worked out. Some features are a display of the user's collection, the user feed, and options for the user to make a post, share links, and offer other information.

Content creator page

Figure 7: Content creator page

Logo Concepts

These are a few of the logo ideas for tuka. The logo is still in development and will most likely undergo several more iterations before landing on the right one. They were designed with Sketch and Adobe Illustrator.

Various logo ideas

Figure 8: Various logo ideas

Miscellaneous Icons

Below is an assortment of icons used for tuka UI. They were built in Sketch.

Miscellaneous icons

Figure 6: Miscellaneous icons

Bubbles take you to the top of the page Top