Talenthouse is an online platform for creative competition. The UX challenge was redesigning the website to let the users have easy access to the 3 areas of the website: Creative Invites, Artists Artwork and Blog.
This is a UX final project/homework for a UCLA class.
The project was built during 11 weeks (Fall 2014).
1. Website Redesign
by Lisandra Maioli
lisandramaioli@gmail.com
250679: User Experience I X 481.99AF
Fall2014 – Mark Sloan
December 15, 2014
2. 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
6. Current Website
Discover Collaborate UserSearch
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.
7. Current Website
Discover Collaborate UserSearch
for
People
and
Crea0ve
Invites
Artists
Artwork
Creative
Invites
“Discover”
= Artists Artwork
???
“Collaborate”
= Creative Invites
???
24. 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
28. 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
36. 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
37. Good
main
naviga0on
menu,
current
page
highlighted
(orange)
Different
icons
to
differen0ate
kind
of
contests
(video,
design,
etc)
38. Showing
clients
and
partners
on
the
first
page
can
aQract
either
new
par0cipants
or
clients
39. Prize
and
deadline
highlighted
(good
"0meline”
format
for
deadline
showing
the
phases
of
the
contest)
Hard
to
no0ce
they
are
tabs
/
naviga0on
46. 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
50. 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
51. 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.
52. 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 .
53. 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.
54. 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.
55. 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.
57. 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.
StageDoingThinkingFeeling
59. 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
67. 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)
68. 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.
69. 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
71. 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
72. 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
Highlighted 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
73. 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
74. 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 3
Footer Navigation
Link to our Business Area, About
Talenthouse, Help Center, Careers,
Talenthouse for Business, Privacy
Policy, Terms&Conditions
75. 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 3
Footer 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.
77. 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.
78. 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
79. Tabs t access more
information
1.1.1 Specific Creative Invite page
Featured Artwork
from Taletnhouse
Artists’ portfolios
Featured blog posts
80. Tabs t access more
information
Featured Artwork
from Talenthouse
Artists’ portfolios
Featured blog posts
1.1.2 Upload Artwork
81. Access to see more
Creative Invites
Access to see blog
posts
1.1.3 Congratulations page
82. 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)
85. 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
86. 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
87. 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
88. 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
89. 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
90. 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
91. 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
92. Website Redesign
by Lisandra Maioli
lisandramaioli@gmail.com
250679: User Experience I X 481.99AF
Fall2014 – Mark Sloan
December 15, 2014