top of page
Togadogsmockup1.jpg
Toga Dogs 

Issue

Concept

FLUXathon - 1st Place

FLUXathon is a yearly 24-hour challenge organized by FLUX - UX Club at Savannah College of Art and Design (SCAD)

2019 Theme: the things we make

There are great resources available online but they are hard to find in the vast wealth of information available.​ ​

How might we remove the stigma of feeling ignorant and make escapism productive?

Toga Dogs is a curated content search engine that helps users find a starting point to learn new skills with the rise of independent learning.

Team

My Role

Primary research

Secondary research

Creative direction

Branding

Illustrations

SECONDARY RESEARCH

Students in the United States spend an average of 7 hours in school each day and spend 180 days in school a year.

National Center of Education Statistics

PRIMARY RESEARCH - 63 survey responses

TogaDogsProcess-11.jpg
TogaDogsProcess-11.jpg
TogaDogsProcess-12.jpg
TogaDogsProcess-12.jpg

Question: Do you learn about a new subject/skill on mobile or desktop?

Question: What is your preferred learning style?

58.7% 

chose desktop

68.3%

chose video

videogame.png

With so much time spent in school, students look to entertainment using technology when not in school.

48% children between ages of 9 to 12 play video games after school, which is

more common than children of other ages.

barna.com

By using the existing habit of students using technology outside of school, we set out to create a platform that enables them to learn new skills or subjects not taught in their schools.

How might we remove the stigma of feeling ignorant and make escapism productive?

COMPETITOR ANALYSIS

TogaDogsProcess-09.jpg

SkillShare

Strength:

  • Focus on creative fields that are not broadly taught in school

Weaknesses:

  • Requires a long attention span

  • Broad categories and hard to navigate

Lynda.com​

Strength:

  • Great variety and in-depth courses into each skill

Weaknesses:

  • Overwhelming amount of resources

  • Consumers have to pay to watch full courses.

Instructables

Strength:

  • Focuses on building and hands-on projects

Weaknesses:

  • Projects target older teenages (above 13 year olds)

  • Requires adult to filter through projects

We realized that there was a need to condense the overwhelming amount of resources available and break it down for users.

Our solution would serve to help children find a starting point, plant a seed and remove the fear of being a beginner. It would be a curated content search engine that helps users find a starting point to learn new skills with the rise of independent learning.

pathway.png

PROTOTYPING & USER TESTING

We started to sketch possible interface designs given the website preferences of the users.

TogaDogsProcess-18.jpg
TogaDogsProcess-19.jpg
TogaDogsProcess-21.jpg
TogaDogsProcess-20.jpg

Once digital prototypes were created, we tested the usability of the interface. It was our first time designing a website interface and we gathered a lot of feedback through the process.

Some user testing insights:

  • Did not understand how to return back to profile, a dropdown tab would be better.

  • Colorful and fun layout would be important

  • Wanted more interaction with the community, like sharing interests, adding friends or even "walking" around in the digital environment.

  • Needed a reward system, or indication on how long they have been a member or practiced their skill.

​

Using these insights, we finalised our concept and created high-fidelity prototypes.

BRANDING & CONCEPT

togadogblop.png
TOGA DOGS LOGO.png

Referencing to the Ancient Greeks that emphasized on an all-rounded education from music to politics, we decided on using ancient greek garments for the avatars.

Character.png

Laurel wreath symbolized triumph:

Their progress reflected on the wreath as the users continue to learn new skills.

Customizable avatar and accessories

dog3.png
dog2.png
dog5.png

These avatars would stand on podiums that reflected their status in Toga Dog world.

Colour scheme and font

TogaDogsProcess-26.jpg

We chose primary colors to help increase the sense of familiarity with the website and calm any nerves that comes with learning new subjects.

FINAL CONCEPT AND HIGH - FIDELITY PROTOTYPE

Togadogsmockup1.jpg
togadogsfeatures2.jpg
togadogsfeatures1.jpg

For more details and information, please refer to the process book.

bottom of page