talenthouse - ux – final project (ucla)

92
Website Redesign by Lisandra Maioli [email protected] 250679: User Experience I X 481.99AF Fall2014 – Mark Sloan December 15, 2014

Upload: lisandra-maioli

Post on 14-Jul-2015

360 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Talenthouse - UX – Final Project (UCLA)

Website Redesign by Lisandra Maioli

[email protected]

250679: User Experience I X 481.99AF

Fall2014 – Mark Sloan

December 15, 2014

Page 2: Talenthouse - UX – Final Project (UCLA)

About Talenthouse

Talenthouse.com is an online global platform of Creative Invites which are hosted by global brands and/or iconic artists.

Different Verticals: §  Art/ Design §  Fashion §  Photography §  Music §  Film

Page 3: Talenthouse - UX – Final Project (UCLA)

Creative Invites

Page 4: Talenthouse - UX – Final Project (UCLA)

Talenthouse Target

Global Brands Iconic Artists

Young Artists Aspiring Artists Content Creators

Clients Community

Creative Invites

Page 5: Talenthouse - UX – Final Project (UCLA)

Talenthouse Areas

Blog

Creative Invites

Artists profiles

Social Media

Page 6: Talenthouse - UX – Final Project (UCLA)

Current Website Discover Collaborate User Search  for  People  and  Crea0ve  Invites  

Artists Artwork

Creative Invites

Social Media

????????  

Blog

The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again.

Page 7: Talenthouse - UX – Final Project (UCLA)

Current Website Discover Collaborate User Search  for  People  and  Crea0ve  Invites  

Artists Artwork

Creative Invites

“Discover” = Artists Artwork

???

“Collaborate” = Creative Invites

???

Page 8: Talenthouse - UX – Final Project (UCLA)

Creative Invites

Talenthouse Artists

Blog

Social Media

UX Mission

Social Media

Creative Invites

Talenthouse Artists

Blog

Art/Design Fashion

Photography Music

Film

R e o r g a n i z e t h e w e b s i t e i n a n integrated way considering the main areas and the verticals, besides having easy access to our SM channels.

Page 9: Talenthouse - UX – Final Project (UCLA)

New Website

Page 10: Talenthouse - UX – Final Project (UCLA)

Carrousel

0.0 Home

Page 11: Talenthouse - UX – Final Project (UCLA)

Filter by Verticals

Carrousel

0.0 Home

Talenthouse Artists

Creative Invites

Blog

Social Media

Page 12: Talenthouse - UX – Final Project (UCLA)

1.0 Creative Invites

Page 13: Talenthouse - UX – Final Project (UCLA)

Filter by Verticals

1.0 Creative Invites

Creative Invites

Talenthouse Artists

Blog

Page 14: Talenthouse - UX – Final Project (UCLA)

1.1.1 Specific Creative Invite page

Page 15: Talenthouse - UX – Final Project (UCLA)

1.1.1 Specific Creative Invite page

Creative Invites

Talenthouse Artists

Blog

Page 16: Talenthouse - UX – Final Project (UCLA)

1.1.2 Upload Artwork

Page 17: Talenthouse - UX – Final Project (UCLA)

1.1.2 Upload Artwork

Creative Invites

Talenthouse Artists

Blog

Page 18: Talenthouse - UX – Final Project (UCLA)

1.1.3 Congratulations page

Page 19: Talenthouse - UX – Final Project (UCLA)

1.1.3 Congratulations page

Creative Invites

Talenthouse Artists

Blog

Page 20: Talenthouse - UX – Final Project (UCLA)

2.0 Talenthouse Artists

Page 21: Talenthouse - UX – Final Project (UCLA)

Filter by Verticals

2.0 Talenthouse Artists

Talenthouse Artists

Creative Invites

Blog

Page 22: Talenthouse - UX – Final Project (UCLA)

3.0 Blog

Page 23: Talenthouse - UX – Final Project (UCLA)

3.0 Blog

Filter by Verticals

Blog posts

Creative Invites

Talenthouse Artists

Page 24: Talenthouse - UX – Final Project (UCLA)

Conclusion

Verticals: §  Art §  Design §  Fashion §  Photography §  Music §  Film

The idea is to keep the pattern and allow easy access to all main areas of the website, with the possibility to filter by vertical in a integrated way:

Main areas: §  Creative Invites §  Talenthouse Artists §  Blog §  Social Media

Page 25: Talenthouse - UX – Final Project (UCLA)

Thank you!

Page 26: Talenthouse - UX – Final Project (UCLA)

Appendix

Page 27: Talenthouse - UX – Final Project (UCLA)

About Talenthouse

Page 28: Talenthouse - UX – Final Project (UCLA)

Vision Statement

Talenthouse.com is an online global platform focused on the artistic community which host Creative Invites for different verticals: Art, Design, Fashion, Photography, Music, Film. Talenthouse “Creative Invites” are life-changing opportunities. Besides having a chance to participate of the Creative Invites, the artists can create their Talenthouse profile to showcase their artwork. The new website was launched a few months ago, however, we notice that some new users has been having difficult to navigate on the website. My project for this class will be a proposal to improve Talenthouse.com navigation.

Talenthouse.com is an online global platform focused on the artistic community:

§  Art §  Design §  Fashion §  Photography §  Music §  Film

Page 29: Talenthouse - UX – Final Project (UCLA)

Competitors Creative Allies

Page 30: Talenthouse - UX – Final Project (UCLA)

Competitor: Creative Allies

https://creativeallies.com/

Good  main  naviga0on  menu  

Page 31: Talenthouse - UX – Final Project (UCLA)

Filter  

“Stories”  instead  of  “Blog"  

Page  for  Contests  in  vo0ng  

No  deadline  visible  

Page 32: Talenthouse - UX – Final Project (UCLA)

Shop  ou  Blog  pages  don’t  have  main  naviga0on  

menu  

Page 33: Talenthouse - UX – Final Project (UCLA)

Main  informa0on  are  highlighted  

Menu/tabs  well  visible  

Page 34: Talenthouse - UX – Final Project (UCLA)

Competitors Zooppa

Page 35: Talenthouse - UX – Final Project (UCLA)

Competitor: Zooppa

http://zooppa.com/en-us Easy  access  per  country/

region  

Either  contest  par0cipants  our  content  hosts/clients  can  access  important  informa0on  

from  the  first  page  

Page 36: Talenthouse - UX – Final Project (UCLA)

Prize  and  dead  line  (important  info  for  the  

par0cipants)  are  visible  on  the  homepage  

Ac0on  verb  on  the  link  to  the  contest  page  

Easy  way  to  contact  them  

Page 37: Talenthouse - UX – Final Project (UCLA)

Good  main  naviga0on  menu,  current  page  highlighted  (orange)  

Different  icons  to  differen0ate  kind  of  contests  

(video,  design,  etc)  

Page 38: Talenthouse - UX – Final Project (UCLA)

Showing    clients  and  partners  on  the  first  page  can  aQract  either  new  

par0cipants  or  clients  

Page 39: Talenthouse - UX – Final Project (UCLA)

Prize  and  deadline  highlighted  (good  "0meline”  format    for  deadline  showing  the  

phases  of  the  contest)  

Hard  to  no0ce  they  are  tabs  /  naviga0on  

Page 40: Talenthouse - UX – Final Project (UCLA)

This  page  should  have  a  editorial/blog  format  

Page 41: Talenthouse - UX – Final Project (UCLA)

Competitors eYeka

Page 42: Talenthouse - UX – Final Project (UCLA)

Competitor: eYeka

https://en.eyeka.com/ Main  naviga0on  menu  well  visible  either  for  brands/clients  or  par0cipants  

Page 43: Talenthouse - UX – Final Project (UCLA)

The  informa0on  is  only  showed  by  mouse  over  

The  “0tle”  of  the  contest  is  only  visible  aTer  a  few  sec  

Ac0on  verb  

Page 44: Talenthouse - UX – Final Project (UCLA)

Tes0monials  

Page 45: Talenthouse - UX – Final Project (UCLA)

Main  naviga0on  menu  visible  

Hard  to  see  the  deadline  

Weird  menu  

Page 46: Talenthouse - UX – Final Project (UCLA)

Hard  to  understand  they  are  tabs   This  tab  is  

interes0ng  but  it  is  hard  to  see  it  

Different  color  and  Ac0on  verb  for  the  “par0cipate"  buQon  Main  informa0on  

highlighted  

Page 47: Talenthouse - UX – Final Project (UCLA)

Interes0ng  way  to  show  more  contests  

Page 48: Talenthouse - UX – Final Project (UCLA)

The  contests  can  be  displayied  either  front  or  

back  the  cards  

Page 49: Talenthouse - UX – Final Project (UCLA)

Personas

Page 50: Talenthouse - UX – Final Project (UCLA)

Talenthouse members are sensitive, in search of opportunities and inspiration, and they believe that they are misunderstood (especially by their clients). They believe their art is not adequately recognized and they would like to make money through art and are waiting to be discovered as great creative talents.

Talenthouse members

Page 51: Talenthouse - UX – Final Project (UCLA)

Leandro, the recently graduated

Young designer recently graduated, works for a cool agency and makes extra money as a freelancer during his free time (especially on weekends and holidays). Sometimes he has "creative block" and his creative process can be painful; because of this he is always looking for inspiration. He recognizes his own talent, but he believes that his clients (and the agency’s clients) never really know what they want. To make matters worse, they undervalue his work and think making a design is like making "French Fries”: something you do easy and fast (he wishes the clients knew how hard it is).

 

Key Goals Why Talenthouse?

Leandro, 22 Designer Recently Graduated

Get inspired and have a chance to liberate his creativity and also collaborate with interesting projects

Leandro wants to see content which can inspire his creativity. Besides that he can participate of the Creative Invites and use all his creativity.

Page 52: Talenthouse - UX – Final Project (UCLA)

Sergio, the experienced professional

Photographer for almost two decades, he earns some money with his work as a freelancer. Sometimes he feels that he should have pursued another career, but the passion for photography has always spoken louder. Always in search of the perfect click, even if it means putting himself at risk and into contortionist positions, he still believes the best work of his life is yet to come.

 

Key Goals Why Talenthouse? Sergio, 46 Photographer Experienced professional

Find an opportunity to get his name as a photographer exposure.

Sergio wants to have a chance to collaborate with big brands such Talenthouse Creative Invite hosts .

Page 53: Talenthouse - UX – Final Project (UCLA)

Maria, the aspiring artist

She works as a sales girl in a clothing store to make money, but music is her BIG passion, and she understands everything about this universe involves better than anyone. Although she has never earned enough money with her music, she has no doubt that “one day” she will be discovered as a talent. She hopes to make a living just

through music in the near future. 

Key Goals Why Talenthouse? Maria, 27 Musician Aspiring artist Find an opportunity to

make money as a musician and work with her real passion.

Maria can have a chance to participate of Creative Invites as a musician n have unique opportunities.

Page 54: Talenthouse - UX – Final Project (UCLA)

Charles, the teacher and professional

He has been working for a production company since he graduated 6 years ago. In addition, he works as a school teacher giving lectures and workshops; for this reason, he is always looking for interesting content to bring to the students. At the same time, he likes entering contests as a

way to stimulate his creativity along with that of his students. 

Key Goals Why Talenthouse? Charles, 35 Videomaker Professional and teacher

Find interesting content and contest to share with his students and also participate.

Charles can find content at Talenthouse which inspire creativity and also can stimulate his students creating their profiles.

Page 55: Talenthouse - UX – Final Project (UCLA)

Ana, the student

She is a fashion student, super creative and cool, and loves searching for inspiration in Social Media and on websites. She follows the fashion trends through the world of celebrity. Tech savvy, she is always tuned into new technology and new online portfolios to expand the reach of her artwork. She would love to see her creations being worn by people or sold in fashion stores. She wishes to have her own studio one day

and to create/launch her own fashion collection. 

Key Goals Why Talenthouse?

Ana, 17 Fashion designer Student

Improve her portfolio with great examples of artwork and start her career with this material.

Ana can create her online profile at Talenthouse and by participating to the Creative Invites she can improve her portfolio.

Page 56: Talenthouse - UX – Final Project (UCLA)

Journey Map Ana, 17, the fashion designer

Page 57: Talenthouse - UX – Final Project (UCLA)

New Talenthouse Member Journey (Ana)

See  CI  calling   Check  CI  page   Create  Profile   Submit  Artwork  

Winner  Announcement  

§  Check Social Media channels

§  See CI calling shared by a friend

§  Access CI page §  Check briefing

and rules

§  Prepare the artwork o be submitted

§  Check Talenthouse Social Media

§  Start following Talenthouse SM channels

§  Create a profile at Talenthouse to upload the artwork to be submitted

§  Submit artwork to the CI page

§  Start campaign for voting

§  Upload other artwork to profile

§  Complete profile

§  Check CI pages & Talenthouse SM channels

This might be a great opportunity Why I didn’t know TH before?

The opportunity seems great The briefing seems not that hard and the prize is good

This is a interesting place to upload and showcase my artwork

I hope I followed all the rules for the artwork that I will submit, wanted to see the competitors

The winner artwork is actually better than mine. I will do better next time.

I am excited about this opportunity! This can be my

chance to get exposure!

I need to do my best to submit an awesome artwork

and the

Although I like having a page to showcase my artwork, this is one more step to submit my artwork

Feeling anxious, I can’t wait to hear the winner

announcement

I little bit frustrated, but still want to participate to other Cis.

Sta

ge

D

oin

g

Thin

king

Fe

elin

g

Page 58: Talenthouse - UX – Final Project (UCLA)

Taxonomy Card Sorting

Page 59: Talenthouse - UX – Final Project (UCLA)

Talenthouse Creative Invites Participate The Brief About Host Key Dates The Career Opportunity Guideline Submissions

Creative Allies Contests

Enter This Contest Project Brief More Info Deadline Cash Award Specs Entries

Zoopa Creative Challenge Upload now! Brief/Your Mission About Deadline Awards Requrements Entries

eYeka Contests Upload your entry Summary no infos

About "x" days left Prizes Rules Entries

Talenthouse Comments (CI) Submission open Voting open In review

Winner Announced Blog Collaborate

Vote with Twitter/Facebook

Creative Allies no comments Submite Your

Vote for Your Favorite In Review

Winner Announced Stories

Popular Design Contests Vote for this Creation

Zoopa Forum "x" days to go no voting phase Awards Pending/Evaluation Awards Assigned Community

Choose a Creative Contest no voting

eYeka no comments Live Contests no voting phase Deliberation Results Blog Choose a contest no voting

Comparative Taxonomy - Competitors

Page 60: Talenthouse - UX – Final Project (UCLA)

Card Sorting

Page 61: Talenthouse - UX – Final Project (UCLA)

Card Sorting

Page 62: Talenthouse - UX – Final Project (UCLA)

Card Sorting

Page 63: Talenthouse - UX – Final Project (UCLA)

Card Sorting

Page 64: Talenthouse - UX – Final Project (UCLA)

Card Sorting

Talenthouse Creative Invites

Talenthouse Artists

Submit Artwork

Read Official Rules

Check Creative

Invite

Art / Design Film

Fashion

Photography

Music

See Submissions Vote with

Twitter Vote with Facebook

Sort by Share Submissions

Comment Creative

Invite Comment

Submissions

Creative Invite participants

list (?)

Find Creative Invites Find Artists

Edit Profile

Profile Pictures

Upload Profile Picture

Create Profile

Profile settings

Personal Information

Biography Find Artists

Works Upload artwork

Title / Description

Edit / Delete Artwork

Followers / Followings Notifications

Comment Artwork

“Love” artwork

Share Artwork

Download artwork

Sort by

“fans” activities

Settings

Submting Artwork Categories

Visitor Activities

Profile

Artist Activities

Search

Page 65: Talenthouse - UX – Final Project (UCLA)

Site Map xx

Page 66: Talenthouse - UX – Final Project (UCLA)

Site Map

Page 67: Talenthouse - UX – Final Project (UCLA)

Main areas

0.0 Home: the users should have an overview of what he/she can find on our website.

1.0 Creative Invites: currently called Çollaborate’, the users will find our Cis from different verticals (filters) and in different phases (submission open, Voting, In Review, Winner Announced)

Page 68: Talenthouse - UX – Final Project (UCLA)

Main areas

2.0 Talenthouse Artists: currently 'Discover’, here the user will find the TH artists, our members who may have participated of our CIs or only created their online portfolio. Artwork of different verticals (filters) from these artists will be exposed, also we will have featured artists.

3.0 Blog: the users will find different articles and content related to Cis, TH Artists and the different verticals.

Page 69: Talenthouse - UX – Final Project (UCLA)

Task Flow

Anna Submitting to Creative Invite

0.0 Home (logged out)

0.1 Home (logged in)

1.0 Creative Invites page

1.1 Fashion CI

1.1.2 Upload Artwork

1.1.3 Congratulatio

ns page

Choose a Featured CI

Go to the Cis page

Choose a Vertical

Go to the Cis page

1.1.1 Specific CI

Choose a Specific CI

Ask for login if is not logged

If logged in on 0.0

If logged in on 1.1.1

Choose a Vertical

Page 70: Talenthouse - UX – Final Project (UCLA)

System State Inventory xx

Page 71: Talenthouse - UX – Final Project (UCLA)

0.0 Home The users should have an overview of what he/she can find on our website.

Logo/claim The current site use only the icon form the logo. The idea here is use the full logo (icon + name + claim): ”Talenthouse – Art Works

Primary Navigation This Primary Navigation should show the user an “overview” about what he is going to find on the website (Cis, Artists’s Portfolios, Blog)

Login Being logged will allow the user submit their artwork to the CIs and also create/edit his Portfolio.

Search The user should be able to search any content from the website/blog.

Featured Cis Featured Cis which can be accessed directly or also be accessed through Vertical pages.

Featured Artists/Artwork Featured artwork from Talenthouse Artists’ Portfolios

Featured Blog posts On the Home page, the user will be able to see featured blog posts.

Editorial Highlighted 3-5 pieces of content from the whole website chosen by an Editor.

1 2 3

Social Media Widget Social Media API to show the last Social Media updates.

Footer Navigation Link to our Business Area, About Talenthouse, Help Center, Careers, Talenthouse for Business, Privacy Policy, Terms&Conditions

Page 72: Talenthouse - UX – Final Project (UCLA)

1.0 Creative Invite This page should be focused on the Creative Invites, an overview of all Cis.

Logo/claim The current site use only the icon form the logo. The idea here is use the full logo (icon + name + claim): ”Talenthouse – Art Works

Primary Navigation This Primary Navigation should show the user an “overview” about what he is going to find on the website (Cis, Artists’s Portfolios, Blog)

Login Being logged will allow the user submit their artwork to the CIs and also create/edit his Portfolio.

Search The user should be able to search any content from the website/blog.

All Cis List of all Cis which can be filtered by phase: Submissions Open; Voting, In Review; Winners Announced

Featured Artists/Artwork Featured artwork from Talenthouse Artists’ Portfolios

Featured Blog posts Featured blog posts, specially those related to CIs

Editorial Highl ighted 3-5 main Creative Invited, chosen by an Editor.

Footer Navigation Link to our Business Area, About Talenthouse, Help Center, Careers, Talenthouse for Business, Privacy Policy, Terms&Conditions

1 2 3

Page 73: Talenthouse - UX – Final Project (UCLA)

1.1 Art/Design Cis Here the user will find the specific Cis for the vertical Art/Design.

Logo/claim The current site use only the icon form the logo. The idea here is use the full logo (icon + name + claim): ”Talenthouse – Art Works

Primary Navigation This Primary Navigation should show the user an “overview” about what he is going to find on the website (Cis, Artists’s Portfolios, Blog)

Login Being logged will allow the user submit their artwork to the CIs and also create/edit his Portfolio.

Search The user should be able to search any content from the website/blog.

All Cis List of all Art/Design Cis which can be filtered by phase: Submissions Open; V o t i n g , I n R e v i e w ; W i n n e r s Announced

Featured Artists/Artwork Featured Design/Art artwork from Talenthouse Artists’ Portfolios

Featured Blog posts Featured blog posts about the Art/Design.

Editorial Highlighted 3-5 main Art/Design Creative Invited, chosen by an Editor.

Footer Navigation Link to our Business Area, About Talenthouse, Help Center, Careers, Talenthouse for Business, Privacy Policy, Terms&Conditions

1 2 3

Page 74: Talenthouse - UX – Final Project (UCLA)

2.0 TH Artist Artwork This page should be focused on our TH Arts and their Artwork, an overview of all Artists and Artwork

Logo/claim The current site use only the icon form the logo. The idea here is use the full logo (icon + name + claim): ”Talenthouse – Art Works

Primary Navigation This Primary Navigation should show the user an “overview” about what he is going to find on the website (Cis, Artists’s Portfolios, Blog)

Login Being logged will allow the user submit their artwork to the CIs and also create/edit his Portfolio.

Search The user should be able to search any content from the website/blog.

All TH Artists’Artwork List of all TH Artists which can be filtered by verticals: Art/Design, Fashion, Film, Music, Photography

Featured CIs F e a t u r e d C i s w h i c h c a n b e interesting to the users.

Featured Blog posts Featured blog posts specially related to our TH Artists and their Artwork.

Editorial Highlighted TH Artists from the whole website chosen by an Editor.

1 2 3Footer Navigation Link to our Business Area, About Talenthouse, Help Center, Careers, Talenthouse for Business, Privacy Policy, Terms&Conditions

Page 75: Talenthouse - UX – Final Project (UCLA)

3.0 Blog (Wordpress) Editorial area with blog posts and featured blog posts, also connected to other areas of the website

Logo/claim The current site use only the icon form the logo. The idea here is use the full logo (icon + name + claim): ”Talenthouse – Art Works

Primary Navigation A l t h o u g h t h e b l o g w i l l b e “external” (Wordpress), we should keep the main navigation.

Login Being logged will allow the user submit their artwork to the CIs and also create/edit his Portfolio.

Search The user should be able to search any content from the website/blog.

All Blog posts All blog posts which will be able to be filtered by topic/tag.

Featured Blog posts Highlighted content from the whole website chosen by an Editor.

1 2 3Footer Navigation Link to our Business Area, About Talenthouse, Help Center, Careers, Talenthouse for Business, Privacy Policy, Terms&Conditions

Featured Cis Featured Cis which can be accessed directly or also be accessed through Vertical pages.

Featured Artists/Artwork Featured artwork from Talenthouse Artists’ Portfolios

Social Media share bar Plugin to share blog posts to Social Media channels

Social Media Widget Social Media API to show the last Social Media updates.

Page 76: Talenthouse - UX – Final Project (UCLA)

Wireframes

Page 77: Talenthouse - UX – Final Project (UCLA)

Social Media Widget (last Talenthouse Social Media channels)

0.0 Home

Carrousel with main highlighted content chosen by an Editor

Main navigation to: •  Creative Invites •  TH Artists •  Blog

Filter by vertical which can change the thumbs from all featured spaces bellow

Featured CIs (“All” is default, it will change when change the filter)

Featured Artists (“All” is default, it will change when change the filter)

Featured Blog posts (“All” is default, it will change when change the filter)

Foot Navigation: to: Business Area, About Talenthouse, Help Center, Careers, Talenthouse for Business, Privacy Policy, Terms & Conditions

Besides login, the user who don’t have an account will have a link here to do it.

Page 78: Talenthouse - UX – Final Project (UCLA)

1.0 Creative Invites

Filter by vertical which can change the whole page bellow

All Cis ("All Phases” is default)

Featured Artwork from Taletnhouse Artists’ portfolios

Featured blog posts

Foot Navigation: to: Business Area, About Talenthouse, Help Center, Careers, Talenthouse for Business, Privacy Policy, Terms & Conditions

Page 79: Talenthouse - UX – Final Project (UCLA)

Tabs t access more information

1.1.1 Specific Creative Invite page

Featured Artwork from Taletnhouse Artists’ portfolios

Featured blog posts

Page 80: Talenthouse - UX – Final Project (UCLA)

Tabs t access more information

Featured Artwork from Talenthouse Artists’ portfolios

Featured blog posts

1.1.2 Upload Artwork

Page 81: Talenthouse - UX – Final Project (UCLA)

Access to see more Creative Invites

Access to see blog posts

1.1.3 Congratulations page

Page 82: Talenthouse - UX – Final Project (UCLA)

2.0 Talenthouse Artists

All Artwork uploaded ("All Artwork” is default)

Featured CIs

Featured blog posts

Foot Navigation: to: Business Area, About Talenthouse, Help Center, Careers, Talenthouse for Business, Privacy Policy, Terms & Conditions

Filter activated to Art/Design (which means the whole page bellow changed)

Page 83: Talenthouse - UX – Final Project (UCLA)

Featured CIs

Featured Talenthouse Artists

Foot Navigation: to: Business Area, About Talenthouse, Help Center, Careers, Talenthouse for Business, Privacy Policy, Terms & Conditions

3.0 Blog

Filter by vertical which can change the whole page bellow

All Cis ("All Phases” is default)

Page 84: Talenthouse - UX – Final Project (UCLA)

Functional Specifications

Page 85: Talenthouse - UX – Final Project (UCLA)

0.0 Home

0.0 Home On the home page the user should be able to find pieces of the main areas of the website (1.0 Creative Invites, 2.0 Talenthouse Artists, 3.0 Blog) and also to Social Media.

Logo By clicking on the logo, the user will be directed to the 0.0 Homepage.

1 2 3

4 5

1

Social Media Channels Links to the main Talenthouse Social Media Channels (external links), it should open a new window.

2

Sign up/ Login If the user is not logged yet, he/she will be able to login from any page of the site by clicking "Log in". It will be shown a box with space to fill with "user" and "password" plus button "login". If the user haven't created his/her login, he/she will be able to create it by clicking "Sign up". In this case, Will open a pop up with a form to be filled plus option to sign up by login with Facebook or Twitter account.

3

Main menu The user will be able to access the main areas of the website by on click: 1.0 Creative Invites, 2.0 Talenthouse Artists, 3.0 Blog

4

Search The user can search any word or term on the website by typing it and clicking on . The results will be shown in a different page “Search Results”.

5

Page 86: Talenthouse - UX – Final Project (UCLA)

0.0 Home

0.0 Home (cont…)

Carrousel The Carrousel will show between 3 and 5 slides linked to the related page. The number of the slide will be identified by . The darker bullet will identify which slide is. Although the images will have a call to action (such as “Submit now>>”, the whole image will be clickable.

6

7

8

9

10

6

Featured Creative Invites It will be featured 3 Creative Invites. The user can click to the thumbs to access the page of that specific Creative Invite. By clicking on “Creative Invites” (on the top of the thumbs) OR “See all Creative Invite” (on the bottom), the user will be directed to the page 1.0 Creative Invites. The user will also be able to access 1.1 Art/Design CIs, 1.2 Fashion CIs, 1.3 Film Cis, 1.4 Music Cis and 1.5 Photography Cis .

7

Featured Talenthouse Artists It will be featured 3 Talenthouse Artists. The user can click to the thumbs to access the page of that specific Talenthouse Artists profile. By clicking on “Talenthouse Artists” (on the top of the thumbs) OR “See all Talenthouse Artists” (on the bottom), the user will be directed to the page 2.0 Talenthouse Artists. The user will also be able to access 2.1 Art/Design, 2.2 Fashion, 2.3 Film, 2.4 Music and 2.5 Photography. He/she can also click on to “love” the Artist.

8

Featured Blog posts It will be featured 3 Blog posts. The user can click to the thumbs to access the page of that specific Blog post. By clicking on “Talenthouse Blog” (on the top of the thumbs), the user will be directed to the page 3.0 Talenthouse Blog. The user will also be able to access 3.1 Art/Design, 3.2 Fashion, 3.3 Film, 3.4 Music and 3.5 Photography.

9

Page 87: Talenthouse - UX – Final Project (UCLA)

0.0 Home

0.0 Home (cont…)

Social Media Widget It will be shown the last updates from Talenthouse Facebook page and Twitter account. By clicking on the tab , the user will see the last updates from Talenthouse Facebook page. If the user click on , he/she will see the last tweets posted on Talenthouse Twitter account..

11

10

10

Foot Menu Foot Navigation with links to: Business Area, About Talenthouse, Help Center, Careers, Talenthouse for Business, Privacy Policy, Terms & Conditions. All of them will open in a different web browser window.

11

Page 88: Talenthouse - UX – Final Project (UCLA)

1.0 Creative Invites

1.0 Creative Invites On this page, the user will be able to see all Creative Invites of Talenthouse. The status of the CI (Open for submission, Voting phase, Winner announcement) should be identified by different colors. The user should still be able to find pieces of the other main areas of the website 2.0 Talenthouse Artists, 3.0 Blog).

Main Menu (Creative Invite) The button “Creative Invite” must be highlight here to help the user identify the page he/she is.

1

Filter by Vertical By clicking on one of the options, the user will filter Creative Invites by vertical: 1.1 Art/Design CIs, 1.2 Fashion CIs, 1.3 Film CIs, 1.4 Music CIs 1.5 or Photography CIs. Only Creative Invites of that vertical chosen will be shown.

2

Creative Invites List It will be shown all Creative Invite ordered by the date which they were created (from the most recent, which will be the first). The user can click to the thumbs to access the page of that specific Creative Invite (1.1.1 Specific Art/Design CI, 1.2.1 Specific Fashion CI, 1.3.1 Specific Film CI, 1.4.1 Specific Music CI or 1.5.1 Specific Photography CI). On the bottom, the user will find “<< Previous” to see previous CIs page list and “Next >>” to see the next page. “<< Previous" will not be clickable on the first page of the list.

3

1

2

3

Page 89: Talenthouse - UX – Final Project (UCLA)

1.0 Creative Invites

1.0 Creative Invites (Cont…)

See also: #TalenthouseArtists It will be featured 2 Talenthouse Artists. The user can click to the thumbs to access the page of that specific Talenthouse Artists profile. He/she can also click on to “love” the Artist.

4

#TalenthouseBlog It will be featured 4 Blog posts. The user can click to the thumbs to access the page of that specific Blog post.

5

4

5

Page 90: Talenthouse - UX – Final Project (UCLA)

1.1.1 Specific Art/Design Creative Invite page

1.1.1 Specific Art/Design Creative Invite On this page, the user will see the details about the specific Creative Invite. The user should still be able to find pieces of the main areas of the website (1.0 Creative Invites, 2.0 Talenthouse Artists, 3.0 Blog) and also to Social Media.

Bread crumb This clickable bread crumb will help the user identify which page he/she is seeing.

1

CI host image This image is not clickable and will provide the title of the CI, the hashtag used on the campaign and the dead line to submit if the CI is on the Submission Phase. If the CI is on the Voting phase, so it will be shown the deadline to vote. If the winner was announced, so it will be shown “Winner Announced”.

2

CI tabs These tabs will show more details about the CI. The default will be “The Brief” tab with general information about the CI: “About the Creative Invite, About ‘the host’, Career Opportunity and Key Dates. This tabs will be shown if the user click on any tab.

3

Main information In this area of the page, the user will see the main information of the CI: About the CI and About the Host

4

More information On the bottom of the page, the user will find more information such as Career Opportunity and Key Dates for that specific CI.

5

1

4

2

3

5

6

Main menu The user can search any word or term on the website by typing it and clicking on . The results will be shown in a different page “Search Results”.

5

Page 91: Talenthouse - UX – Final Project (UCLA)

1.1.1 Specific Art/Design Creative Invite page

1.1.1 Specific Art/Design Creative Invite (Cont…)

Share on Social Media Button to let the user share the CI on his/her own Social media Channels. By clicking on any Social Media icon, it will be opened a small window to the specific channel. The user should be logged on the Sm channel or will be asked to login.

6 7

8

6

See also: #TalenthouseArtists It will be featured 2 Talenthouse Artists. The user can click to the thumbs to access the page of that specific Talenthouse Artists profile. He/she can also click on to “love” the Artist.

7

#TalenthouseBlog It will be featured 4 Blog posts. The user can click to the thumbs to access the page of that specific Blog post.

8

Page 92: Talenthouse - UX – Final Project (UCLA)

Website Redesign by Lisandra Maioli

[email protected]

250679: User Experience I X 481.99AF

Fall2014 – Mark Sloan

December 15, 2014