Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UX Design - Talenthouse Redesign (UCLA)

1,113 views

Published on

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).

Published in: Design
  • Be the first to comment

UX Design - Talenthouse Redesign (UCLA)

  1. 1. Website Redesign by Lisandra Maioli lisandramaioli@gmail.com 250679: User Experience I X 481.99AF Fall2014 – Mark Sloan December 15, 2014
  2. 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
  3. 3. Creative Invites
  4. 4. Talenthouse Target Global Brands Iconic Artists Young Artists Aspiring Artists Content Creators Clients Community Creative Invites
  5. 5. Talenthouse Areas Blog Creative Invites Artists profiles Social Media
  6. 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. 7. Current Website Discover Collaborate UserSearch  for  People  and  Crea0ve  Invites   Artists Artwork Creative Invites “Discover” = Artists Artwork ??? “Collaborate” = Creative Invites ???
  8. 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.
  9. 9. New Website
  10. 10. Carrousel 0.0 Home
  11. 11. Filter by Verticals Carrousel 0.0 Home Talenthouse Artists Creative Invites Blog Social Media
  12. 12. 1.0 Creative Invites
  13. 13. Filter by Verticals 1.0 Creative Invites Creative Invites Talenth ouse Artists Blog
  14. 14. 1.1.1 Specific Creative Invite page
  15. 15. 1.1.1 Specific Creative Invite page Creative Invites Talenth ouse Artists Blog
  16. 16. 1.1.2 Upload Artwork
  17. 17. 1.1.2 Upload Artwork Creative Invites Talenth ouse Artists Blog
  18. 18. 1.1.3 Congratulations page
  19. 19. 1.1.3 Congratulations page Creative Invites Talenthouse Artists Blog
  20. 20. 2.0 Talenthouse Artists
  21. 21. Filter by Verticals 2.0 Talenthouse Artists Talenthouse Artists Creative Invites Blog
  22. 22. 3.0 Blog
  23. 23. 3.0 Blog Filter by Verticals Blog posts Creative Invites Talenth ouse Artists
  24. 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
  25. 25. Thank you!
  26. 26. Appendix
  27. 27. About Talenthouse
  28. 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
  29. 29. Competitors Creative Allies
  30. 30. Competitor: Creative Allies https://creativeallies.com/ Good  main  naviga0on   menu  
  31. 31. Filter   “Stories”  instead   of  “Blog"   Page  for  Contests   in  vo0ng   No  deadline   visible  
  32. 32. Shop  ou  Blog  pages  don’t   have  main  naviga0on   menu  
  33. 33. Main  informa0on   are  highlighted   Menu/tabs  well   visible  
  34. 34. Competitors Zooppa
  35. 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. 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. 37. Good  main  naviga0on  menu,   current  page  highlighted  (orange)   Different  icons  to   differen0ate  kind  of  contests   (video,  design,  etc)  
  38. 38. Showing    clients  and  partners  on  the   first  page  can  aQract  either  new   par0cipants  or  clients  
  39. 39. Prize  and  deadline  highlighted  (good   "0meline”  format    for  deadline  showing  the   phases  of  the  contest)   Hard  to  no0ce  they  are   tabs  /  naviga0on  
  40. 40. This  page  should  have  a   editorial/blog  format  
  41. 41. Competitors eYeka
  42. 42. Competitor: eYeka https://en.eyeka.com/ Main  naviga0on  menu  well  visible  either   for  brands/clients  or  par0cipants  
  43. 43. The  informa0on  is  only   showed  by  mouse  over   The  “0tle”  of  the  contest  is   only  visible  aTer  a  few  sec   Ac0on  verb  
  44. 44. Tes0monials  
  45. 45. Main  naviga0on  menu  visible   Hard  to  see  the   deadline   Weird  menu  
  46. 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. 47. Interes0ng  way  to   show  more   contests  
  48. 48. The  contests  can  be   displayied  either  front  or   back  the  cards  
  49. 49. Personas
  50. 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. 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. 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. 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. 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. 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. 56. Journey Map Ana, 17, the fashion designer
  57. 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
  58. 58. Taxonomy Card Sorting
  59. 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
  60. 60. Card Sorting
  61. 61. Card Sorting
  62. 62. Card Sorting
  63. 63. Card Sorting
  64. 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
  65. 65. Site Map xx
  66. 66. Site Map
  67. 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. 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. 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
  70. 70. System State Inventory xx
  71. 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. 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. 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. 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. 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.
  76. 76. Wireframes
  77. 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. 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. 79. Tabs t access more information 1.1.1 Specific Creative Invite page Featured Artwork from Taletnhouse Artists’ portfolios Featured blog posts
  80. 80. Tabs t access more information Featured Artwork from Talenthouse Artists’ portfolios Featured blog posts 1.1.2 Upload Artwork
  81. 81. Access to see more Creative Invites Access to see blog posts 1.1.3 Congratulations page
  82. 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. 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)
  84. 84. Functional Specifications
  85. 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. 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. 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. 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. 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. 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. 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. 92. Website Redesign by Lisandra Maioli lisandramaioli@gmail.com 250679: User Experience I X 481.99AF Fall2014 – Mark Sloan December 15, 2014

×