SlideShare ist ein Scribd-Unternehmen logo
1 von 92
Downloaden Sie, um offline zu lesen
Website Redesign
by Lisandra Maioli
lisandramaioli@gmail.com
250679: User Experience I X 481.99AF
Fall2014 – Mark Sloan
December 15, 2014
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
Creative Invites
Talenthouse Target
Global Brands
Iconic Artists
Young Artists
Aspiring Artists
Content Creators
Clients Community
Creative
Invites
Talenthouse Areas
Blog
Creative Invites
Artists profiles
Social Media
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.
Current Website
Discover Collaborate UserSearch	
  for	
  People	
  and	
  Crea0ve	
  Invites	
  
Artists
Artwork
Creative
Invites
“Discover”
= Artists Artwork
???
“Collaborate”
= Creative Invites
???
Creative
Invites
Talenthouse
Artists
Blog
Social
Media
UX Mission
Art/Design
Fashion
Photography
Music
Film
Reorganize the website in an
integrated way considering the main
areas and the verticals, besides having
easy access to our SM channels.
New Website
Carrousel
0.0 Home
Filter by
Verticals
Carrousel
0.0 Home
Talenthouse Artists
Creative Invites
Blog
Social
Media
1.0 Creative Invites
Filter by
Verticals
1.0 Creative Invites
Creative Invites
Talenth
ouse
Artists
Blog
1.1.1 Specific Creative Invite page
1.1.1 Specific Creative Invite page
Creative Invites
Talenth
ouse
Artists
Blog
1.1.2 Upload Artwork
1.1.2 Upload Artwork
Creative Invites
Talenth
ouse
Artists
Blog
1.1.3 Congratulations page
1.1.3 Congratulations page
Creative Invites
Talenthouse Artists
Blog
2.0 Talenthouse Artists
Filter by
Verticals
2.0 Talenthouse Artists
Talenthouse Artists
Creative
Invites
Blog
3.0 Blog
3.0 Blog
Filter by
Verticals
Blog posts
Creative
Invites
Talenth
ouse
Artists
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
Thank you!
Appendix
About
Talenthouse
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
Competitors
Creative Allies
Competitor: Creative Allies
https://creativeallies.com/
Good	
  main	
  naviga0on	
  
menu	
  
Filter	
  
“Stories”	
  instead	
  
of	
  “Blog"	
  
Page	
  for	
  Contests	
  
in	
  vo0ng	
  
No	
  deadline	
  
visible	
  
Shop	
  ou	
  Blog	
  pages	
  don’t	
  
have	
  main	
  naviga0on	
  
menu	
  
Main	
  informa0on	
  
are	
  highlighted	
  
Menu/tabs	
  well	
  
visible	
  
Competitors
Zooppa
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	
  
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	
  
Good	
  main	
  naviga0on	
  menu,	
  
current	
  page	
  highlighted	
  (orange)	
  
Different	
  icons	
  to	
  
differen0ate	
  kind	
  of	
  contests	
  
(video,	
  design,	
  etc)	
  
Showing	
  	
  clients	
  and	
  partners	
  on	
  the	
  
first	
  page	
  can	
  aQract	
  either	
  new	
  
par0cipants	
  or	
  clients	
  
Prize	
  and	
  deadline	
  highlighted	
  (good	
  
"0meline”	
  format	
  	
  for	
  deadline	
  showing	
  the	
  
phases	
  of	
  the	
  contest)	
  
Hard	
  to	
  no0ce	
  they	
  are	
  
tabs	
  /	
  naviga0on	
  
This	
  page	
  should	
  have	
  a	
  
editorial/blog	
  format	
  
Competitors
eYeka
Competitor: eYeka
https://en.eyeka.com/ Main	
  naviga0on	
  menu	
  well	
  visible	
  either	
  
for	
  brands/clients	
  or	
  par0cipants	
  
The	
  informa0on	
  is	
  only	
  
showed	
  by	
  mouse	
  over	
  
The	
  “0tle”	
  of	
  the	
  contest	
  is	
  
only	
  visible	
  aTer	
  a	
  few	
  sec	
  
Ac0on	
  verb	
  
Tes0monials	
  
Main	
  naviga0on	
  menu	
  visible	
  
Hard	
  to	
  see	
  the	
  
deadline	
  
Weird	
  menu	
  
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	
  
Interes0ng	
  way	
  to	
  
show	
  more	
  
contests	
  
The	
  contests	
  can	
  be	
  
displayied	
  either	
  front	
  or	
  
back	
  the	
  cards	
  
Personas
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
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.
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 .
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.
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.
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.
Journey Map
Ana, 17, the fashion designer
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
Taxonomy
Card Sorting
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
Card Sorting
Card Sorting
Card Sorting
Card Sorting
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
Site Map
xx
Site Map
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)
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.
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
System State Inventory
xx
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
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
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
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
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.
Wireframes
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.
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
Tabs t access more
information
1.1.1 Specific Creative Invite page
Featured Artwork
from Taletnhouse
Artists’ portfolios
Featured blog posts
Tabs t access more
information
Featured Artwork
from Talenthouse
Artists’ portfolios
Featured blog posts
1.1.2 Upload Artwork
Access to see more
Creative Invites
Access to see blog
posts
1.1.3 Congratulations page
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)
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)
Functional Specifications
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
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
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
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
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
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
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
Website Redesign
by Lisandra Maioli
lisandramaioli@gmail.com
250679: User Experience I X 481.99AF
Fall2014 – Mark Sloan
December 15, 2014

Weitere ähnliche Inhalte

Andere mochten auch

Who is who in UX: Alan Cooper
Who is who in UX: Alan CooperWho is who in UX: Alan Cooper
Who is who in UX: Alan CooperLisandra Maioli
 
Hotel Direct Booking
Hotel Direct BookingHotel Direct Booking
Hotel Direct BookingMargaux
 
West Palm Beach, FL 3/24/2005
West Palm Beach, FL 3/24/2005West Palm Beach, FL 3/24/2005
West Palm Beach, FL 3/24/2005TRIC Tools
 
Second Life Project
Second Life ProjectSecond Life Project
Second Life Projectasprouse
 
Corso presentazione Sloodle
Corso presentazione SloodleCorso presentazione Sloodle
Corso presentazione SloodleEleonora Porta
 
O R B I T Z
O R B I T ZO R B I T Z
O R B I T ZMargaux
 
UCLA project - Customized Bras
UCLA project - Customized BrasUCLA project - Customized Bras
UCLA project - Customized BrasLisandra Maioli
 

Andere mochten auch (20)

Robert Olejnik - Bezpieczeństwo w chmurach, czyli jak i dlaczego stworzyliśmy...
Robert Olejnik - Bezpieczeństwo w chmurach, czyli jak i dlaczego stworzyliśmy...Robert Olejnik - Bezpieczeństwo w chmurach, czyli jak i dlaczego stworzyliśmy...
Robert Olejnik - Bezpieczeństwo w chmurach, czyli jak i dlaczego stworzyliśmy...
 
Paweł Spychalski - Optymalizacja zapytań my sql
Paweł Spychalski - Optymalizacja zapytań my sqlPaweł Spychalski - Optymalizacja zapytań my sql
Paweł Spychalski - Optymalizacja zapytań my sql
 
Nie każ mi myśleć - usability w świecie web - Netcamp
Nie każ mi myśleć - usability w świecie web - NetcampNie każ mi myśleć - usability w świecie web - Netcamp
Nie każ mi myśleć - usability w świecie web - Netcamp
 
Who is who in UX: Alan Cooper
Who is who in UX: Alan CooperWho is who in UX: Alan Cooper
Who is who in UX: Alan Cooper
 
2005 0731 La
2005 0731 La2005 0731 La
2005 0731 La
 
Hotel Direct Booking
Hotel Direct BookingHotel Direct Booking
Hotel Direct Booking
 
Social TV – you haven’t seen it yet
Social TV – you haven’t seen it yetSocial TV – you haven’t seen it yet
Social TV – you haven’t seen it yet
 
West Palm Beach, FL 3/24/2005
West Palm Beach, FL 3/24/2005West Palm Beach, FL 3/24/2005
West Palm Beach, FL 3/24/2005
 
Second Life Project
Second Life ProjectSecond Life Project
Second Life Project
 
Corso presentazione Sloodle
Corso presentazione SloodleCorso presentazione Sloodle
Corso presentazione Sloodle
 
Anna Orecka, Sebastian Dawid - Projekt jakość, czyli jak skutecznie podnosić ...
Anna Orecka, Sebastian Dawid - Projekt jakość, czyli jak skutecznie podnosić ...Anna Orecka, Sebastian Dawid - Projekt jakość, czyli jak skutecznie podnosić ...
Anna Orecka, Sebastian Dawid - Projekt jakość, czyli jak skutecznie podnosić ...
 
Pozycjonowanie Long Tail
Pozycjonowanie Long TailPozycjonowanie Long Tail
Pozycjonowanie Long Tail
 
2004_0528CA
2004_0528CA2004_0528CA
2004_0528CA
 
Trudności w implementacji systemów SaaS
Trudności w implementacji systemów SaaSTrudności w implementacji systemów SaaS
Trudności w implementacji systemów SaaS
 
O R B I T Z
O R B I T ZO R B I T Z
O R B I T Z
 
Czy wearable car jest wizja przyszlosci?
Czy wearable car jest wizja przyszlosci?Czy wearable car jest wizja przyszlosci?
Czy wearable car jest wizja przyszlosci?
 
2006 0515 Ca
2006 0515 Ca2006 0515 Ca
2006 0515 Ca
 
Prawne aspekty działalności IT - Netcamp #17
Prawne aspekty działalności IT - Netcamp #17Prawne aspekty działalności IT - Netcamp #17
Prawne aspekty działalności IT - Netcamp #17
 
Zawartość www dostępna dla każdego
Zawartość www dostępna dla każdegoZawartość www dostępna dla każdego
Zawartość www dostępna dla każdego
 
UCLA project - Customized Bras
UCLA project - Customized BrasUCLA project - Customized Bras
UCLA project - Customized Bras
 

Ähnlich wie UX Design - Talenthouse Redesign (UCLA)

Talenthouse - UX Website Redesign
Talenthouse - UX Website RedesignTalenthouse - UX Website Redesign
Talenthouse - UX Website RedesignLisandra Maioli
 
Practical CustDev: Unearthing your optimal business model
Practical CustDev: Unearthing your optimal business model Practical CustDev: Unearthing your optimal business model
Practical CustDev: Unearthing your optimal business model Sean Tierney
 
Fashion Design Piracy Essay
Fashion Design Piracy EssayFashion Design Piracy Essay
Fashion Design Piracy EssayAllison Schade
 
Chicago artist coalition- Brand Alignment Plan
Chicago artist coalition- Brand Alignment PlanChicago artist coalition- Brand Alignment Plan
Chicago artist coalition- Brand Alignment PlanYu-Ning (Eileen) Hung
 
Lacey Couture Designs Marketing Plan Part A
Lacey Couture Designs Marketing Plan Part ALacey Couture Designs Marketing Plan Part A
Lacey Couture Designs Marketing Plan Part ALori Tantawi
 
Re inventing the school-to-work transition
Re inventing the school-to-work transitionRe inventing the school-to-work transition
Re inventing the school-to-work transitionClementine Oranger
 
Leslie Khoo Portfolio book
Leslie Khoo Portfolio bookLeslie Khoo Portfolio book
Leslie Khoo Portfolio bookLeslie Khoo
 
Artist 2-Entrepreneur Launch Event Slideshow
Artist 2-Entrepreneur Launch Event SlideshowArtist 2-Entrepreneur Launch Event Slideshow
Artist 2-Entrepreneur Launch Event SlideshowAngie Barnard
 
Personal Brand Exploration
Personal Brand Exploration Personal Brand Exploration
Personal Brand Exploration DanielaQuiroz63
 
Finding your Audience|Promoting Your Work
Finding your Audience|Promoting Your WorkFinding your Audience|Promoting Your Work
Finding your Audience|Promoting Your WorkMarketing Recon
 
Personal Exploration-Giselle Chevalier 3_10 (4).pdf
Personal Exploration-Giselle Chevalier 3_10 (4).pdfPersonal Exploration-Giselle Chevalier 3_10 (4).pdf
Personal Exploration-Giselle Chevalier 3_10 (4).pdfGiselleChevalier
 
Sushmita Bhati, Diploma Fashion Design Second Year
Sushmita Bhati, Diploma Fashion Design Second YearSushmita Bhati, Diploma Fashion Design Second Year
Sushmita Bhati, Diploma Fashion Design Second Yeardezyneecole
 
The Prodigy Factory!
The Prodigy Factory!The Prodigy Factory!
The Prodigy Factory!NIKKI TROXEL
 

Ähnlich wie UX Design - Talenthouse Redesign (UCLA) (20)

Talenthouse - UX Website Redesign
Talenthouse - UX Website RedesignTalenthouse - UX Website Redesign
Talenthouse - UX Website Redesign
 
Practical CustDev: Unearthing your optimal business model
Practical CustDev: Unearthing your optimal business model Practical CustDev: Unearthing your optimal business model
Practical CustDev: Unearthing your optimal business model
 
Fashion Design Piracy Essay
Fashion Design Piracy EssayFashion Design Piracy Essay
Fashion Design Piracy Essay
 
Chicago artist coalition- Brand Alignment Plan
Chicago artist coalition- Brand Alignment PlanChicago artist coalition- Brand Alignment Plan
Chicago artist coalition- Brand Alignment Plan
 
Lacey Couture Designs Marketing Plan Part A
Lacey Couture Designs Marketing Plan Part ALacey Couture Designs Marketing Plan Part A
Lacey Couture Designs Marketing Plan Part A
 
Executive Summary
Executive SummaryExecutive Summary
Executive Summary
 
Re inventing the school-to-work transition
Re inventing the school-to-work transitionRe inventing the school-to-work transition
Re inventing the school-to-work transition
 
Executive summary
Executive summaryExecutive summary
Executive summary
 
Leslie Khoo Portfolio book
Leslie Khoo Portfolio bookLeslie Khoo Portfolio book
Leslie Khoo Portfolio book
 
City Salon
City SalonCity Salon
City Salon
 
Artini's
Artini'sArtini's
Artini's
 
Artist 2-Entrepreneur Launch Event Slideshow
Artist 2-Entrepreneur Launch Event SlideshowArtist 2-Entrepreneur Launch Event Slideshow
Artist 2-Entrepreneur Launch Event Slideshow
 
Personal Brand Exploration
Personal Brand Exploration Personal Brand Exploration
Personal Brand Exploration
 
Finding your Audience|Promoting Your Work
Finding your Audience|Promoting Your WorkFinding your Audience|Promoting Your Work
Finding your Audience|Promoting Your Work
 
Career Research Paper
Career Research PaperCareer Research Paper
Career Research Paper
 
Personal Exploration-Giselle Chevalier 3_10 (4).pdf
Personal Exploration-Giselle Chevalier 3_10 (4).pdfPersonal Exploration-Giselle Chevalier 3_10 (4).pdf
Personal Exploration-Giselle Chevalier 3_10 (4).pdf
 
Sushmita Bhati, Diploma Fashion Design Second Year
Sushmita Bhati, Diploma Fashion Design Second YearSushmita Bhati, Diploma Fashion Design Second Year
Sushmita Bhati, Diploma Fashion Design Second Year
 
The Prodigy Factory!
The Prodigy Factory!The Prodigy Factory!
The Prodigy Factory!
 
Guild final
Guild finalGuild final
Guild final
 
RAC Internship
RAC InternshipRAC Internship
RAC Internship
 

Mehr von Lisandra Maioli

Hero's Journey para UX - EN (Lisandra Maioli).pptx
Hero's Journey para UX - EN (Lisandra Maioli).pptxHero's Journey para UX - EN (Lisandra Maioli).pptx
Hero's Journey para UX - EN (Lisandra Maioli).pptxLisandra Maioli
 
Hero's Journey para UX.pptx
Hero's Journey para UX.pptxHero's Journey para UX.pptx
Hero's Journey para UX.pptxLisandra Maioli
 
Don't let ux ui be a block_ embedding development on product design process _
 Don't let ux ui be a block_ embedding development on product design process _ Don't let ux ui be a block_ embedding development on product design process _
Don't let ux ui be a block_ embedding development on product design process _Lisandra Maioli
 
UX Research by Lisandra Maioli
UX Research by Lisandra MaioliUX Research by Lisandra Maioli
UX Research by Lisandra MaioliLisandra Maioli
 
Intrax - Social Media Strategy
Intrax - Social Media StrategyIntrax - Social Media Strategy
Intrax - Social Media StrategyLisandra Maioli
 
Diagnóstico para Mídias Sociais
Diagnóstico para Mídias SociaisDiagnóstico para Mídias Sociais
Diagnóstico para Mídias SociaisLisandra Maioli
 
Social Media Strategy (2013)
Social Media Strategy (2013)Social Media Strategy (2013)
Social Media Strategy (2013)Lisandra Maioli
 
UX - Online Classify wireframe
UX - Online Classify wireframeUX - Online Classify wireframe
UX - Online Classify wireframeLisandra Maioli
 
UX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta PerformanceUX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta PerformanceLisandra Maioli
 
Online magazine wireframe (Lisandra Maioli))
Online magazine wireframe (Lisandra Maioli))Online magazine wireframe (Lisandra Maioli))
Online magazine wireframe (Lisandra Maioli))Lisandra Maioli
 
New Website Architecture (by Lisandra Maioli)
New Website Architecture (by Lisandra Maioli)New Website Architecture (by Lisandra Maioli)
New Website Architecture (by Lisandra Maioli)Lisandra Maioli
 
Gestão de Conteudo para Midias Sociais
Gestão de Conteudo para Midias SociaisGestão de Conteudo para Midias Sociais
Gestão de Conteudo para Midias SociaisLisandra Maioli
 
UX App Design - MeuCarroNovo App
UX App Design - MeuCarroNovo AppUX App Design - MeuCarroNovo App
UX App Design - MeuCarroNovo AppLisandra Maioli
 
UX Project for LACMA Online Store
UX Project for LACMA Online StoreUX Project for LACMA Online Store
UX Project for LACMA Online StoreLisandra Maioli
 
Talenthouse - Ad Campaign
Talenthouse - Ad CampaignTalenthouse - Ad Campaign
Talenthouse - Ad CampaignLisandra Maioli
 
Unethical Use of Photoshop in Media
Unethical Use of Photoshop in MediaUnethical Use of Photoshop in Media
Unethical Use of Photoshop in MediaLisandra Maioli
 

Mehr von Lisandra Maioli (20)

Hero's Journey para UX - EN (Lisandra Maioli).pptx
Hero's Journey para UX - EN (Lisandra Maioli).pptxHero's Journey para UX - EN (Lisandra Maioli).pptx
Hero's Journey para UX - EN (Lisandra Maioli).pptx
 
Hero's Journey para UX.pptx
Hero's Journey para UX.pptxHero's Journey para UX.pptx
Hero's Journey para UX.pptx
 
Don't let ux ui be a block_ embedding development on product design process _
 Don't let ux ui be a block_ embedding development on product design process _ Don't let ux ui be a block_ embedding development on product design process _
Don't let ux ui be a block_ embedding development on product design process _
 
UX Research by Lisandra Maioli
UX Research by Lisandra MaioliUX Research by Lisandra Maioli
UX Research by Lisandra Maioli
 
Intrax - Social Media Strategy
Intrax - Social Media StrategyIntrax - Social Media Strategy
Intrax - Social Media Strategy
 
UX e dicas práticas
UX e dicas práticasUX e dicas práticas
UX e dicas práticas
 
Diagnóstico para Mídias Sociais
Diagnóstico para Mídias SociaisDiagnóstico para Mídias Sociais
Diagnóstico para Mídias Sociais
 
Social Media Strategy (2013)
Social Media Strategy (2013)Social Media Strategy (2013)
Social Media Strategy (2013)
 
UX - Online Classify wireframe
UX - Online Classify wireframeUX - Online Classify wireframe
UX - Online Classify wireframe
 
Consumer Research
Consumer ResearchConsumer Research
Consumer Research
 
UX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta PerformanceUX - Experiência do Usuário com foco em Alta Performance
UX - Experiência do Usuário com foco em Alta Performance
 
Online magazine wireframe (Lisandra Maioli))
Online magazine wireframe (Lisandra Maioli))Online magazine wireframe (Lisandra Maioli))
Online magazine wireframe (Lisandra Maioli))
 
New Website Architecture (by Lisandra Maioli)
New Website Architecture (by Lisandra Maioli)New Website Architecture (by Lisandra Maioli)
New Website Architecture (by Lisandra Maioli)
 
Gestão de Conteudo para Midias Sociais
Gestão de Conteudo para Midias SociaisGestão de Conteudo para Midias Sociais
Gestão de Conteudo para Midias Sociais
 
UX App Design - MeuCarroNovo App
UX App Design - MeuCarroNovo AppUX App Design - MeuCarroNovo App
UX App Design - MeuCarroNovo App
 
UX Project for LACMA Online Store
UX Project for LACMA Online StoreUX Project for LACMA Online Store
UX Project for LACMA Online Store
 
James Bond App
James Bond AppJames Bond App
James Bond App
 
GoPro - UCLA project
GoPro - UCLA projectGoPro - UCLA project
GoPro - UCLA project
 
Talenthouse - Ad Campaign
Talenthouse - Ad CampaignTalenthouse - Ad Campaign
Talenthouse - Ad Campaign
 
Unethical Use of Photoshop in Media
Unethical Use of Photoshop in MediaUnethical Use of Photoshop in Media
Unethical Use of Photoshop in Media
 

Kürzlich hochgeladen

Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 

Kürzlich hochgeladen (19)

Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 

UX Design - Talenthouse Redesign (UCLA)

  • 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
  • 4. Talenthouse Target Global Brands Iconic Artists Young Artists Aspiring Artists Content Creators Clients Community Creative Invites
  • 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 ???
  • 8. Creative Invites Talenthouse Artists Blog Social Media UX Mission Art/Design Fashion Photography Music Film Reorganize the website in an integrated way considering the main areas and the verticals, besides having easy access to our SM channels.
  • 11. Filter by Verticals Carrousel 0.0 Home Talenthouse Artists Creative Invites Blog Social Media
  • 13. Filter by Verticals 1.0 Creative Invites Creative Invites Talenth ouse Artists Blog
  • 14. 1.1.1 Specific Creative Invite page
  • 15. 1.1.1 Specific Creative Invite page Creative Invites Talenth ouse Artists Blog
  • 17. 1.1.2 Upload Artwork Creative Invites Talenth ouse Artists Blog
  • 19. 1.1.3 Congratulations page Creative Invites Talenthouse Artists Blog
  • 21. Filter by Verticals 2.0 Talenthouse Artists Talenthouse Artists Creative Invites Blog
  • 23. 3.0 Blog Filter by Verticals Blog posts Creative Invites Talenth ouse Artists
  • 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
  • 31. Filter   “Stories”  instead   of  “Blog"   Page  for  Contests   in  vo0ng   No  deadline   visible  
  • 32. Shop  ou  Blog  pages  don’t   have  main  naviga0on   menu  
  • 33. Main  informa0on   are  highlighted   Menu/tabs  well   visible  
  • 35. 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  
  • 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  
  • 40. This  page  should  have  a   editorial/blog  format  
  • 42. Competitor: eYeka https://en.eyeka.com/ Main  naviga0on  menu  well  visible  either   for  brands/clients  or  par0cipants  
  • 43. The  informa0on  is  only   showed  by  mouse  over   The  “0tle”  of  the  contest  is   only  visible  aTer  a  few  sec   Ac0on  verb  
  • 45. Main  naviga0on  menu  visible   Hard  to  see  the   deadline   Weird  menu  
  • 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  
  • 47. Interes0ng  way  to   show  more   contests  
  • 48. The  contests  can  be   displayied  either  front  or   back  the  cards  
  • 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.
  • 56. Journey Map Ana, 17, the fashion designer
  • 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
  • 64. 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
  • 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)
  • 83. 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)
  • 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