Sooul Experience by Feryal Khawar

Sooul

STYLE GUIDE

Color Palette

Sooul Sooul

INTERACTIVE DESIGNDOCUMENT DOCUMENT INTERACTIVE DESIGN Feryal Zhao, Magda FeryalKhawar, Khawar, Lina Magda Becker, Lina Becker Zhao

S COMPETITIVE ANALYSIS

Sooul

COMPETITIVE ANALYSIS

Inspirational Sites We use a number of sites to draw inspiration from: artofthetitle.com, smashingmagazine.com, thefwa.com And the greatest strength common to all these sites is that the container does not overwhelm the work that they showcase. FWA is a sleek, beautiful site, with a really simple interface, that offers a number of ways to archive its contents, but is designed in a way that ensures that the work that they feature truly pops. The Art of the Title, again showcases the work more than anything else, and delivers it in a blog-like form which is familiar and minimal. Both FWA and the Art of the title showcase professional quality work which also gives the experience a certain amount of weight and credibility. The greatest strength of Smashing Magazine is not only does it have great content and a lot of it, but that despite so much “stuff ”, we are always able to find what we want from a simple search query and if we are in the mood there is plenty of featured stuff to browse through. So it encourages browsing without sacrificing organization. Also the interface is very “hip” which sits well with the content and the type of people who look at it. It also features a range of work, which means that one can look at professional work for inspiration and encouragement from fellow amateurs. It also offers a lot of great tutorials so is also a great learning and self improvement tool.

Sooul

COMPETITIVE ANALYSIS motionographer.com key strenghts weaknesses Motionographer.net opportunities Clear indication of where the user is in the site.

Free job board for paid jobs only

Social Media

Range of work shared and celebrated to inspire amateurs and professionals alike

Clear and obvious CTAs

Search and Archive functionality for finding articles and blogs.

The work is the centrepiece, not the container

Resources related to shared work along the categories of tutorials, events, inpirations, online communities

Links to works hosted on sites outside of Motionographer

Familiar blog like structure that makes navigating and searching very easy.

No community structure, in that there are no common projects put up for collaboration

No archiving according to categories of film, animation and motiongraphics.

Verticle blog like structure is tedious to scroll through.

Infomational, no experience element.

Sooul

COMPETITIVE ANALYSIS artbabble.org key strenghts weaknesses opportunities

artbabble.org Supported by illustrious art institutes which lends credibililty and weight.

Links to other Art Institutes

The tutorials are kept centre stage with minimum website design that never theless has a unique character to it.

Tutorials are organized in a number of ways to make findability easy and possible along a number of search lines-by series, by topics, by artists and then external tutorials are housed under partners.

Quick links to encourage browsing and providing a quick point of entry.

Clear indication of where the user is in the

Allows interactivity through comments

Obvious and minimal CTAs-draws undivided attention.

Add functionality for members to upload and share their own work.

Does not allow members to upload videos, only to bookmark favorite videos and share with friends. Personalization limited to user picture and user favorite quotes and videos.

Social Media Widgets

Allow users to have greater personalization over member profiles.

Information on job opportunities

Is slightly bland, with no oomph anywhere.

Sooul

COMPETITIVE ANALYSIS videocopilot.net key strenghts weaknesses opportunities Great learning centre but absolutely no sense of community as communication is primarily one way apart from comments Works on a teacher-student model. No membership required to view tutorials, promotes loyalty

Social Media Widgets

Hooks users by offering free tutorials and then generates revenue by offering related products.

Clear CTAs

Offers preview of final product covered in the tutorial before one starts tutorial.

Is a one man show so users only get one perspective-no functionality for other designers/users to share their work.

Partnerships with other professionals in the field willing to work along the model of free tutorials but paid support merchandise and plugins.

Sooul

COMPETITIVE ANALYSIS cirquedusoleil.com key strenghts weaknesses opportunities

Strong brand presence.

Art direction very similar to their polished, colorful, techincally marvellous performances

No online cirque de soleil experience, primarily informational

Online cirque de soleil experience in the form of an interactive game

They have a great business plan that puts their shows centrestage, highlights their collaborations, and includes a store to generate revenue from. The opportunity here is to bring forward the user experience, add a sense of shared community expereinces and bring in more educational elements for developing talent.

Sooul

COMPETITIVE ANALYSIS cirquedusoleil.com key strenghts weaknesses opportunities Fan involvement limited to greater content on membership, no online community presence.

Other strengths: - Good videos - High production of pictures in their content - Possibility to choose your language - Able to find out about shows in major cities Other weaknesses: - Quality of photo galleries - Animation makes it tiresome after a while - Cirque du Soleil microsites are not consistent and sometimes not even in English - Takes a while to get to specific show - Fan involvment limited to greater content on membership, no online community presence. - Membership revolves around the showa and offers no educational opportunities for the arts community. Other opportunities: Membership revolves around andworld offers no - Being able to reach out to the theshows whole

educational opportunities for the arts community.

Strong link to performances and events is reinforced even along different user flows.

Membership benefits include exclusive content to enrich experience for members. Partnerships outside of their primary business is with other big business and renowned artists. Limited involvement in promotion of the arts from a grass roots level.

Social Media Widgets

Sooul

COMPETITIVE ANALYSIS facebook.com key strenghts weaknesses opportunities

Common areas of interaction in the form of additional groups that make group related content easy to share and comment on.

facebook.com No professional editing of work.

Easy to post events

High degree of personalization

Greatest membership benefits: Add friends, Chat with friends, play games with friends, share photos and videos with friends.

Easy to upload and share work with friends and family

Adding a level of professionalism to a social sharing platform such as this would make it a truly powerful tool for industry specific community building

No educational aspects except what someone shares on their own profiles.

No professional backing Does not have the focus of a industy specific community sharing site as it is a social sharing site.

Real time interaction with community members

COMPETITIVE ANALYSIS canon.ca Strengths: - Easy to find the product you are looking for - You always know where you are - Great videos Weaknesses: - Once you decide purchase the product is hard to find it in store, you have to start searching all over again Opportunities: - Showcase all the products in a really easy way to understand and in that way be able to reach a wide range audience

Sooul

COMPETITIVE ANALYSIS nespresso.com/infiniteexplorations/

Strengths: - Z-space - Interactivity - Clean layout Weaknesses: - Probably only works for one or two times, for it has little content and will become boring after a while - Some features seem pointless Opportunities: - Increase their showcase with other products

Sooul

COMPETITIVE ANALYSIS circusmondo.ca

Strengths: - Simple and straightforward. Easy enough for non-technology savvy. - The color of the interface plus the images showed the personality and the style of Circus Mondo. Weakness: - The overall look of the site is not very professional - very limited information - no engagement with audience. Opportinity: - The website has both English and French, it can reach out to 2 language group of people. Threat: - It may give people a impression of lower quality of shows, because of the limited engagement and design on their website

Sooul

COMPETITIVE ANALYSIS palcanada.org

Strengths: - Very well organized information; - Logical categories - Professional look Weakness - Too much information, can be overwhelming. - Very limited design elements - No interaction and engagement with audiences - Not feeling personal and friendly Opportunity - For people who are really interested in the topic and willing to take time and read, they can find it very informative. - It has very good content; some additional designs would make it very effective in educating and informing people about the topic. Threat - People may find the site not friendly enough and not much emotional attach or engagement, and may find it boring because of the overwhelming text.

Sooul

COMPETITIVE ANALYSIS dreamworld.com.au Strengths: - Strong visual design; - Attractive video promote people about their newest ride. - Well organized information and functionality. It allows people to plan for the day and purchase their tickets in advance to gain a better deal. Weakness: - Navigation can be confusing sometimes, it takes a few steps to go back to homepage or other sections. Opportunity: - The attractive promotional video can attract some potential customers to go to dream world - The comprehensive information and images about all the aspects of the park, give customers a stronger confidence about what they are going to experience in dream world.

Sooul

S CREATIVE STRATEGY

CREATIVE STRATEGY

Controlling Idea “Performing is doing!” The website provides young performers and fans an opportunity and experience to perform, to be creative and to show their performing talent to the world through competition. The whole site is a mysterious journey and a game, which leads users to discover, to be challenged, to perform and to win. The experience will be structured as a game/competition with various levels and rewards. It will challenge young performers to find their teams or perform solo based on the given story arc and a character. It will provide a chance for them to showcase their unique skills and creativity by providing their own interpretations of what they are given in an act. The controlling idea will be interpreted through a “Carnival “ theme. In order to educate and train people along each level of the game (as well as for outside the game structure) the site will provide online tutorials of increasing complexity and difficulty as well as information on workshops around the province. However, full access to tutorials will only be granted to members, with only limited access being given to the general public. The design of the experience was inspired by competitions like Microsoft Imagine Cup and MOL Freshhh, each of which attempt to educate the public in their own particular industries through competition and experience. Talent shows like American Idol and America’s got talent also informed the creative strategy regarding the structuring of the experience.

CREATIVE STRATEGY

Language Samples Welcome to a land of mystery, fantasy and magic-where anything is possible! Embark on a journey that will take you beyond your imagination! Youâ&#x20AC;&#x2122;re invited to discover a world built by imagination, ruled by mystery and strung together by magic!

CREATIVE STRATEGY

Persona Lifestyle Board Primary audience Is less about what their reality can afford and more about who they are and what they would like to be living and what their dreams are

CREATIVE STRATEGY

Persona Lifestyle Board Secondary audience It is about culture, art, comedy, music but also discovering new talents stepping away from rotine into a world of magic

CREATIVE STRATEGY

Beat boards Beat Board

S VISUAL STRATEGY

VISUAL STRATEGY

Competitive Review

cirquedusoleil.com

Type of experience: mysterious, happy Tone: inviting Style: contemporary, colorful and organized

VISUAL STRATEGY

Competitive Review

canon.ca

Type of experience: interesting, focused on product, shopping Tone: technical Style: clean and organized, corporate

VISUAL STRATEGY

Competitive Review

nespresso.com/infiniteexploration

Type of experience: mysterious, happy Tone: seductive Style: balanced, colorful, magical

VISUAL STRATEGY

Competitive Review

circusmondo.ca

Type of Experience: Informative Tone of language: Friendly Style: mom & pap

VISUAL STRATEGY

Competitive Review

palcanada.org

Type of Experience: Informative Tone of language: Formal Style: Clean

VISUAL STRATEGY

Competitive Review

dreamworld.com.au

Type of Experience: seductive and energetic Tone of language: Inviting Style: Bright and Popping

VISUAL STRATEGY

Competitive Review

motionographer.com

Type of Experience: informative, entertaining and easy to use Tone of language: casual language without sacrificing all â&#x20AC;&#x153;designer lingoâ&#x20AC;? Style: minimal, blog like, clean

VISUAL STRATEGY

Competitive Review

artbabble.org

Type of Experience: informative, easy to use but not particulary exciting Tone of language: casual with technical jargons still incorporated in it Style: minimal, pastel washed out colors, calm

VISUAL STRATEGY

Competitive Review

videocopilot.com

Type of Experience: informative, entertaining and educational Tone of language: common vernacular to explain technical subjects Style: masculine, corporate, contemporary style

VISUAL STRATEGY

Inspirational Review

thewildernessdowntown.com

The site let users enter the adress of where they grew up, and then an interactive film will be based on that location as a background. They have unique multi-screen feature showing different angles of the scene and so on. For Sooul this is a feature to be incorporated into tutorial videos.

VISUAL STRATEGY

Inspirational Review

immersive-garden.com/

This is going to be our inspiration for the several sets we are going to create, these sets are going to be backgrounds for teh entire site, they are going to be empty spaces inviting performers and fans to step into. They are to give the user the visceral response of curiosity, mystery, a different world that takes them of their balance but in a good way and challanges them to explore.

VISUAL STRATEGY

Inspirational Review

countolaf.com

Lemony Snicket’s: a series of unfurtunate events movie websites does two things very well - it remains true to the dry, pessimistic language of Lemony Snicket’s and it showcases it’s character as real live people. Count Olaf e.g. has his own website with an additional link to his “The most incredible Brilliant blog in the world”. It extends the character’s presence beyond just the movie or the books and almost lends it a sense of fantastical believability. A similar technique is used to promote the new Sherlock Holmes BBC TV series. Dr. Watson and Sherlock Holmes are both given real presence on the web in the form of blogs which adds to the believability of fantastical character. We will employ a similar technique to engage our users interest in a particular character whose journey they would wish to embark on through the competition.

VISUAL STRATEGY

Mood Board

VISUAL STRATEGY

Style Guide

Typography Zapfino

head text

Perpetua

secondary text when needed

PERPETUA

menu text

Helvetica

body text

VISUAL STRATEGY

Style Guide

Color Palette

VISUAL STRATEGY

Content

Top 10 types of content

Reflective - being part of a community of artist - encourages thoughts about self improvement and creativity -increasing opportunities and exposure

Visceral - challengie - curiosity - wonder

Behavior - reinforcing reward - sense of belonging to a mentor community -empowerment through accomplishment

S INFORMATION STRATEGY

INFORMATION DESIGN

Site map

Sooul

INFORMATION DESIGN

User Scenario Exploratory User Jolin is a newly graduated history teacher in a secondary school who has an interest in culture and arts, and especially in circus performance. Jolin enjoyed couple of shows she watched from Sooul, and since then she has been paying attention on any new things happening with Sooul. After a long working day, she is resting at home and then browsing on the web. She clicked into Sooul’s website and thought of just browse around to see if there’s anything interesting. As soon as she got to the home page, there’s a big slogan about the new annual community competition. “That’s something new” Jolin thought. Then she clicks into it. There’s information and images telling her what this competition is all about. When she scrolls down the page, she sees a “how to join the competition” link. She is not really interested in participating in the competition herself. So she keeps on browsing other things. She sees a “gallery” link in the side bar, she clicks on it and then she gets to the common gallery where contesters uploaded their performing videos. She starts browsing around the thumbnails and brief information. Then she sees a really interesting one that’s appealing to her. So she clicks on that piece, then it plays on full screen. She watches some more and enjoyed some of them. She sees there’s a “vote” button. She clicks on it, then a window says “sign up to vote” pops up. Jolin really liked that piece she just watched and really wants to vote for that talent. So she clicks on sign up and then it asks for email address, she answers and gains voting rights. Then she gives her vote to her favourite talent. Jolin is still very drawn into the show she watched from Sooul lately. She is delighted when she sees there’s a “behind the scene” section on the navigation bar. She clicks on it. There are short clips from previous shows, information about performers and stories happening behind the scenes. Jolin browses through them, watches couple of show clips, behind the scene clips on full screen and then also reads about her stories on her favourite performers. These videos make Jolin wants to see Sooul’s performance again sometime in the holidays.

Sooul

INFORMATION DESIGN

User Flows

Arrived at Home Page

Go to behind the scene section?

Check out the common gallery?

(Where contester post their performing videos)

(Click on the big slogan)

Yes Yes. then?

Browse clips from About previous shows Performers

Yes

Browse through the videos (thumbnails & brief info)

Stories behind the scene videos

Behind the Secne photos

Check out the Annual Competition?

Click on the one interesting to him/her

Browse information about it

“How to join the Competition”

Not Interested

Link to Mainpage Click on one Show to watch in bigger screen

Browse different Performers

Browse

Click one to view Full information

Click one and watch

Browse

Watch it on Bigger Screen, vote or not?

Go to other Section of the Site Click to view another one

Click one to View full size

Entry level Tutorials Try to vote for this piece

Interested

Not Interested

Click on link to ignore Check out more about Sooul & Tickets

Interested

“You need to sign up to vote” Pop up

No Escape

Yes Enter email Get a voting Account Vote

Leave this Section or Keep browsing

Sooul

INFORMATION DESIGN

User Scenario Naive User 1. Richard is a typical 16 year old, -moody, hormonal and bordering on juvenile. His school days are coming to an end (good riddance) and college is an unimaginable drudgery. At best life seems to offer nothing more than a series of retail end jobs during the day, and moonlighting with a select group of fire-playing hoodlums at night. One day a banner ad for something called the World of Sooul catches his eye on Facebook. He clicks on the ad and is directed to the microsite homepage. The homepage is a fantasy that speaks of mystery and theatrical performances and a call to be a part of a community of similar performers and artists. A demo video plays showing the various performances of Sooul and the community of artists who create it. His interest piqued, he clicks on the Join Community CTA and is led to the Sooul artist community page. It consists of a message board of artist work and a forum for discussions. Beginner level tutorials are also available for various categories of performances. He scans quickly through the tutorials and discovers a link to a fire spinning tutorial. The tutorial is locked and available only to members. He impatiently begins the sign up process. Mercifully it's a short process and after signing a legal disclaimer that proclaims that he is accessing the content with parental consent he is in and eagerly going through the online material. He also checks out the latest videos posted by other artists. He also discovers information about local workshops, some of which are sponsored by Sooul. Curious now about the organization he clicks to the about page and discovers that Sooul is a troupe of performing artists operating in the Vancouver area. He checks out their show information wondering how many hours at burger king would it take to buy a ticket... Richard becomes a regular visitor to the site and begins to study the online tutorials. He sees the work of other artists and sometimes participates in the forums that talk about fire tricks. Feeling cocky and confident enough to execute a relatively simple trick he goes out one night with his friends and performs it for them. He asks his buddy, Gerry to film his performance using his iphone. Pleased with the video, he goes to the website and signs into his member profile to upload the video. He discovers that the site also provides an Iphone app that offers a simple way of uploading his videos directly from his phone to his member profile.

Sooul

INFORMATION DESIGN

User Scenario Naive User He quickly downloads the app and uploads his performance, posting links for his video on his other social media networks. Months pass and while he is still working at another dead end retail job, he is rapidly learning and growing his performance skills. He even attended a small workshop a few weeks ago. A notification catches his eye on the homepage. Something about the Challenge of Sooul. He clicks on it and discovers that Sooul is holding a performing arts competition the winner of which will be joining the Sooul troupe of performers. He reads the overview of the competition and the round descriptions. They are challenging and exciting. Though he has some trepidation about his skill level he decides to register anyway to see whether he would make it through the screening round. He clicks on the register button. The competition allows him to register with his member ID, just asking for his Member ID and password. One click of a button and he is registered and excited to start participating. 2. Spike is an 18 year old acrobat. He's been training since he was a young boy. At 18 he is skilled but still without a steady position that would allow him to be a permanent part of a team of performers. One day he comes across a Challenge of Sooul banner ad on Twitter. He has heard of Sooul and seen one of their shows. Excited he clicks on the banner and is taken to the Sooul microsite. The home page sports a promotional ad about their competition. Clicking on it he goes to the competition tab and looks through the description of the rounds and challenges and the final prize for the winner. Excited about a possible opportunity, he clicks to register and is asked to sign in with his member ID or become a new member. He clicks on the register as new member button and signs up as a new member. After completing his registration for the competition he goes and checks out the community pages to see what his free membership entails. He is delighted with this treasure trove of industry connections and the opportunity of posting his work and is soon busy going through the rest of the information available....

Sooul

INFORMATION DESIGN

User Flow

Sooul

INFORMATION DESIGN

User Scenario Power User John is a young performer, still in high school, who is eager to find out how well he is doing and what his chances are to enter the real world of performances and how he would do in a more professional environment. Because of that he has decided to become part of the Sooul website for young performers who want to upload their work and also take part in competitions. John already has a log in and a profile on the website, so what he usually does is: clicks on the link to the website that is in his favorite bookmarks bar, is directed to the homepage where he is greeted for the website already knows it is him through a cookie. Then he clicks on profile and goes directly to his profile to see if someone left him a comment. There he can see that Martha, another young performer from his community who he knows through the website, says that she really enjoyed the video he posted three days ago. After that he uploads the video he just shot with his IPhone and hopes that many people like it and it is chosen to go to the gallery. After that John decides to upload the video where he is making a trick with fire to the competition. That video has been on the gallery for a week now and he has got many “likes”. Since the competition is a different department within the site he has to sign in for it to be able to upload the video. Once he does that he is able to upload one video to compete with everyone else. 20 people are going to be chosen to go to the next round. After that he gets a message letting him know that his video has been send to evaluation. It’s already late and John folds down the screen of his laptop and goes to sleep.

Sooul

INFORMATION DESIGN

User Flow homepage

own profile

reads post hat friend left

get confirmation message

upload his own video?

yes

upload video

goes to competition

member?

yes

S FUNCTIONAL SPECIFICATIONS

Sooul

FUNCTIONAL SPECIFICATIONS

Platform Specifications PLATFORM

TARGET SPEC

COMMENTS

Client-Side Technologies

Adobe Flash 9 or higher

Sever-Side Technologies

None required

SCREEN

TARGET SPEC

Screen Size

Max 960x720

Screen Fonts

Body copy: min 10px Captions: min 10px

Color Depth

any

COMPATIBILITY

TARGET SPEC

Languages

English and French

Browser Requirements

Flash Player 9 x plugin installed

Browser must be java script enabled

XHTML page

Must be XHTML 1.0 standart

Page should also contain text information as html in order for search engines to be able to index the site

COMPATIBILITY

TARGET SPEC

COMMENTS

Client machine

Should run effectively on Mac G4 or a PII or better Windows machine

COMMENTS Young audience, fonts can be small but still legible

COMMENTS

Sooul

FUNCTIONAL SPECIFICATIONS

System Model for Power User homepage

own profile

There is going to be a coockie that recognizes the user so that he doesnâ&#x20AC;&#x2122;t have to sign in every time he goes to the page as long as he uses the same computer.

There is going to be an option to write comments under a video and the possibility reads comments to reply to a comments. There is not going to friend left be a wall to post but users can always message eachother.

upload his own video?

yes

Everytime a competing performer enters the competitios page he will have to sign in, teh video he is going to upload also has to be in a specific format or through IPhone app. The performer will be able to upload one video per task up to the deadline. The site has to send him a confirmation message to his profile.

The video is going to be uploaded through an IPhone app or through the computer, in that case it has to be in a specific format.

goes to competition

member?

yes

upload video

get confirmation message

FUNCTIONAL SPECIFICATIONS

System Model

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes

HOMEPAGE

Welcome | Sign In

World of Sooul

World of Knowledge

World of Artists

The Sooul Challenge

1.0

2.0

4.0

3.0

Take part in the Sooul Challenge

Become a member

Make the community grow (donations)

Legal Disclaimer

1. Video to show Sooul performers showing their skills. 2. Link to the Sooul Competition page 3. Link to the sign up page for community performers 4. Link to a page where users can donate, that page is going to ask the user for some information on credit card and so on

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes

World of Sooul Page Notes

1.0 Main navigation bar. It’s consistent through out the entire site

Logo

World Worldof of Sooul Sooul

2.0 Activated option. The selected option appears as bold.

1.0

2.0

The sooul challenge

Tutorials

Artist Community

3.0 Secondary navigation. It’s the consistent position and format in every page

3.0

Shows

4.0 Featured video of shows. Video can be played there.

Performers

Featured Video of shows

4.0

5.0 Click on the link to go to those specific secondary sections. The same function apply to all the other pages

Opportunities at Sooul Donations

6.0 Footer. It’s consistent throughout the entire site. T

5.0

Performers

Opportunities at Sooul

5.0

Donation

6.0

Contact

Legal Disclaimers

not indicative of final design or nomenclature

Facebook

Twitter

Document: Wireframes Last Edited: 8/5/2011

Author: <author name>

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes

Shows Page Notes

1.0 Sample video plays here

Logo

2.0 Click on the link to go to detailed tertiary page T

World Worldof of Sooul Sooul

The sooul challenge

Tutorials

Artist Community

3.0 Tertiary navigation. The tertiary navigation drops down when the option on secondary is selected. Click on them to go to specific tertiary pages. The layout and functionality is the same for all the pages. T

Shows

2.0

ď&#x201A;ˇ Acts ď&#x201A;ˇ Behind the scenes ď&#x201A;ˇ Schedules and Tickets 1.0

1.0

Performers Opportunities at Sooul Donations 2.0

2.0

Acts

Behind the scenes

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 2.0

Contact

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Schedules and Tickets

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Legal Disclaimers

not indicative of final design or nomenclature

Facebook

Twitter

Document: Wireframes

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes

Behind the scenes Page Notes

1.0 Sample gallery photos thumbnailsdisplaying

Logo

2.0 Click here to view the whole gallery T

World Worldof of Sooul Sooul

Artist Community

Tutorials

The sooul challenge

Shows  Acts  Behind the scenes  Schedules and Tickets Performers Opportunities at Sooul Donations Interview with creators Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Blooper reals Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

1.0

Gallery

2.0

View All

Contact

Legal Disclaimers

not indicative of final design or nomenclature

Facebook

Twitter

Document: Wireframes Last Edited: 8/5/2011

Author: <author name>

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes

Tutorials Page Notes

Logo

World of Sooul

Artist Community

Tutorials Tutorials

The sooul challenge

By Category

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

By Popularity

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

By skill level

By popularity Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

By Skill level Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contact

Legal Disclaimers

not indicative of final design or nomenclature

Facebook

Twitter

Document: Wireframes

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes

COMMUNITY PAGE

Welcome | Sign In

World of Sooul

World of Artists

World of Knowledge

The Sooul Challenge

Enjoy the artist works Meet other members

2.0

1.0

See my profile

Meet artists

Talk to other artist

Whatâ&#x20AC;&#x2122;s happening

if you like to perform become a member

What is Artist Community

Find out about jobs Create your own show

3.0

Legal Disclaimer

4.0

1.0 Link to list of artists (by name or task category) 2.0 Links to a page displaying event and workshop information, free performances and so on that will be happening across the city. 3.0 Link artist community landing page. 4.0 Link to the sign up page for people who are interested in learning to perform, have access to more tutorials or are already performers.

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes

GALLERY 1.0

Welcome | Sign In

World of Sooul

World of Knowledge

World of Artists

3.0 6.0

The Sooul Challenge

2.0

By Category By Popularity By Date

Enjoy the artist works

7.0

Meet other members See my profile

8.0 9.0

Talk to other artist

Submitted by: xxxx

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

10.0

5.0

Find out about jobs

Create your own show Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

Legal Disclaimer

1.0 Sooul logo, when clicking on it returns to homepage. 2.0 The top video according to time is going to be shown, last released one. 3.0 Top video according to most liked videos. 4.0 One of the videos according to category, will be changing from time ot time. 5.0 Workshop and trainning info 6.0 Galleries 7.0 Artists will be listed and their profiles can be seen. 8.0 Own profile 9.0 Forums 10. Jobs around the community in the performing area will be displayed

Sooul

FUNCTIONAL SPECIFICATIONS MEMBER PROFILE

Wireframes Welcome | Sign In

World of Sooul

World of Knowledge

World of Artists

1.0

The Sooul Challenge

RICHARD LOU

Enjoy artist works Meet other members

Profile info

2.0

See my profile Talk to other artist Find out about jobs Create your own show

3.0 FEEDS

4.0

5.0

MESSAGES

CONTACTS

6.0 VIDEOSACTIVITIES RECENT

Legal Disclaimer

COMMENTS

1.0 User can upload a picture or image 2.0 Information that the performer wants to share like what kind of rotines he likes to work with, what he is interested in what concerns performing, and so on. 3.0 This link goes to a page where activities like someone uploading a video or commenting on the user video will be shown. 4.0 Link goes to message page 5.0 This is sort of an adress book where the user can add contacts to his profile to make it easier for him to get in touch with a friend if he wants to. 6.0 Link to the users own videos where he is going to be able to see the comments

Sooul

FUNCTIONAL SPECIFICATIONS MEMBER VIDEOS

Wireframes Welcome | Sign In

World of Sooul

World of Artists

By recent 1.0

By Category

comments

World of Knowledge

The Sooul Challenge

RICHARD LOU

By Date

Enjoy artist works Meet other members See my profile

2.0 Comments

Comments

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

Talk to other artist Find out about jobs Create your own show

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

FEEDS

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

MESSAGES

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

CONTACTS

VIDEOSACTIVITIES RECENT

Legal Disclaimer

1.0 As the user uploads the videos he can choose categories to apply to them in order to make it easier for him to find them later and also for visitor to see them. 2.0 The user can see the videos that got comments and click on the + to open those comments

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes 1.0 Welcome | Sign In

World of Sooul

World of Artists

World of Knowledge

The Sooul Challenge

Overview 2.0

Rounds

3.0

Character Briefs

Returning Champions

Hopeful Champions

Schedules

Rankings Gallery

Legal Disclaimer

1.0 Sign in notification Letâ&#x20AC;&#x2122;s you know if you are signed in or not. 2.0 Returning Champions Sign in for existing members of Sooul that are registered for the competition. 3.0 New Champions Registration for hopeful participants who are not members of Sooul Artist Community and are registering for the competition.

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes Feryal Khawar | Log Out

World of Sooul

World of Artists

1.0

World of Knowledge

2.0

Overview Character Briefs Rounds Schedules

3.0

Heading 1

Recent Activity

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu est id risus facilisis posuere. Morbi in mi quis orci condimentum faucibus vel vitae turpis. Donec nunc ligula, rhoncus vel vestibulum vel, accumsan non leo. Curabitur faucibus odio ut nulla scelerisque eget pharetra enim pretium. Quisque nisl nibh, rhoncus non ultricies id, ultrices et est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et nulla velit, vel euismod leo. Ut ac tellus arcu, egestas sollicitudin leo. Sed tristique bibendum arcu nec tempus. In velit augue, aliquet at congue nec, semper id quam. Sed feugiat, purus eget fringilla rutrum, dui mi pretium tellus, vitae pellentesque est libero eu nunc. Nam a ligula mauris, in feugiat neque. Duis eros augue, feugiat quis suscipit vitae, venenatis et tortor. Vivamus nec orci ipsum.

>> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 2

Morbi sed nibh nec eros dictum tristique. Vestibulum aliquet velit posuere lorem mattis eu accumsan arcu tincidunt. In sit amet facilisis sem. Cras sit amet tincidunt mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam metus diam, mattis vitae dapibus nec, laoreet eget lorem. Nulla lacus dui, dignissim id tempus ut, egestas in nibh. Donec erat purus, lacinia sed venenatis placerat, rhoncus eu mi. Sed convallis pulvinar odio, et viverra purus elementum quis. Fusce bibendum lacus at sapien varius vel tempor enim interdum.

Rankings Gallery

Heading 3

4.0 Download Iphone App

The Sooul Challenge

Nullam tempus diam ut urna tempor hendrerit. Vivamus vel eros ut nisl cursus aliquet vitae non dolor. Pellentesque quis lobortis odio. Pellentesque eget justo a orci volutpat lacinia at molestie lacus. Morbi sollicitudin scelerisque felis, vitae dictum velit rhoncus id. Proin et neque et eros fermentum lacinia quis a ante. Integer hendrerit egestas nisl et pellentesque. Nunc id aliquet tellus. Nunc quis mauris urna. In hac habitasse platea dictumst. Etiam at lobortis risus. Nunc sed sapien in risus ultricies gravida eu.

Legal Disclaimer

>> Aenean pulvinar dolor a sem tempus ornare. >> Donec consequat lorem non odio fringilla fringilla. >> Proin faucibus erat vitae quam dapibus suscipit. >> Proin pulvinar elit vitae odio facilisis sit amet volutpat augue aliquam. >> Etiam egestas varius ante, ut imperdiet urna gravida eu.

1.0 Secondary navigation within The Sooul Challenge. 2.0 Overview of the Competition Gives details of the competions, the rules, the prize etc. 3.0 Recent Activity Any updates about the competition are posted here. 4.0 Download Ap Link to download Iphone App for easy upload of videos directly from the userâ&#x20AC;&#x2122;s phone.

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes Welcome | Sign In

World of Sooul

World of Artists

World of Knowledge

1.0 Overview Rounds

Returning champions, sign in.

Schedules

2.0

Username:

3.0

Password:

Rankings

Gallery

2.0 Username Same as Sooul Member ID. No longer than 12 characters. 3.0 Password Same are Sooul member password.

Character Briefs

The Sooul Challenge

1.0 Return to landing page Closing the sign in window will return user to landing page asking to choose between signing in or registering.

Legal Disclaimer

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes Feryal Khawar | Log Out

World of Sooul

World of Knowledge

World of Artists

The Sooul Challenge

1.0 SCREENING ROUND

Overview Character Briefs Rounds Schedules Rankings Gallery

ROUND 1

ROUND 2

FINAL

3.0

2.0

TIME REMAINING

Screening Round Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu est id risus facilisis posuere. Morbi in mi quis orci condimentum faucibus vel vitae turpis. Donec nunc ligula, rhoncus vel vestibulum vel, accumsan non leo. Curabitur faucibus odio ut nulla scelerisque eget pharetra enim pretium. Quisque nisl nibh, rhoncus non ultricies id, ultrices et est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et nulla velit, vel euismod leo. Ut ac tellus arcu, egestas sollicitudin leo. Sed tristique bibendum arcu nec tempus. In velit augue, aliquet at congue nec, semper id quam. Sed feugiat, purus eget fringilla rutrum, dui mi pretium tellus, vitae pellentesque est libero eu nunc. Nam a ligula mauris, in feugiat neque. Duis eros augue, feugiat quis suscipit vitae, venenatis et tortor. Vivamus nec orci ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pulvinar dolor a sem tempus ornare. Donec consequat lorem non odio fringilla fringilla. Proin faucibus erat vitae quam dapibus suscipit. Proin pulvinar elit vitae odio facilisis sit amet volutpat augue aliquam. Etiam egestas varius ante, ut imperdiet urna gravida 6.0 eu. BROWSE FILES

00:00:00 4.0

>> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Legal Disclaimer

3.0 Time remaining Count down to the end of the current round.

5.0 Uploaded Files Lists the file/files uploaded by the performer for the round.

>> Aenean pulvinar dolor a sem tempus ornare. >> Donec consequat lorem non odio fringilla fringilla.

5.0

>> justin_screening.mov

UPLOAD

2.0 Overview of the Round and brief Gives details of the current round and brief to be executed.

4.0 Recent Activity Listing of round related actviities by all performers.

Recent Activity

My Uploaded Files

1.0 Round Progress Bar Shows which round is being conducted. The subsequent rounds are locked till the one before is completed to prevent comeptitors from looking ahead at the tasks.

6.0 Upload file from computer. Allows users to upload video files from the computer if they are not using the iphone app.

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes Welcome | Sign In

World of Sooul

Overview

World of Knowledge

World of Artists

Username:

Character Briefs

Password:

2.0

Confirm password: First Name:

Schedules

Last Name: Month

Day

Year

3.0

Date of Birth:

Rankings

Male

Female NEXT

Gallery

2.0 Password Checks as the user types if the password matches the one above or not. 3.0 Password Performers below the age of 16 are not permitted to become members.

Hopeful champions, register!

Rounds

The Sooul Challenge

1.0 User name availability Confirms immediately if the name is available or not.

Legal Disclaimer

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes Welcome | Sign In

World of Sooul

Overview

World of Artists

World of Knowledge

Interested in: Illusions

Acrobats

Juggling

Animal Tricks

Fire Tricks

Dance

Contortions

Knife throwing

Education:

Character Briefs

2.0

Schedules Experience:

3.0

Rankings REGISTER

Gallery

2.0 Education Details of educational background, including specifically any former education in the performing arts. 3.0 Experience Details of past working experience in the performing arts industry, if any, even on an amateur level.

Rounds

The Sooul Challenge

1.0 Talent/Skill interests To determine areas where the member has skills or wishes to aqcuire skills.

Legal Disclaimer

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes Welcome | Sign In

World of Sooul

World of Artists

World of Knowledge

The Sooul Challenge

Overview Congratulations!

Rounds

Your registration was successful! Welcome to the Sooul artist community! Sign in now to the Challenge of Sooul and begin your journey!

Character Briefs 1.0 Schedules

Username:

Rankings

Password: SIGN IN

Gallery

Legal Disclaimer

1.0 Sign in for competition. Sign in using the newly acquired user id and password.

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes Feryal Khawar | Log Out

World of Sooul

Overview

World of Artists

World of Knowledge

The Sooul Challenge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis auctor pretium euismod. Aliquam vel neque dolor. Proin blandit, ipsum vel ultrices faucibus, ipsum nisi molestie.

Character Briefs

2.0 MY CHARACTER

1.0

Rounds Schedules Rankings Gallery

Name: xxxxxxxxxxx CHARACTER 1

CHARACTER 2

CHARACTER 3

Talent: xxxxxxxxxxx

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis auctor pretium euismod. Aliquam vel neque dolor. Proin blandit, ipsum vel ultrices faucibus, ipsum nisi molestie.

Scenario: xxxxxxxxx

Legal Disclaimer

1.0 Brief Character Description Brief character descriptions. Click to view details and choose a specific storyline for the character. 2.0 User Character summary Summarizes details of the final character and scenario that the user chooses.

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes Feryal Khawar | Log Out 7.0 1.0 World of Sooul CHARACTER 1

World of Knowledge

World of Artists

The Sooul Challenge

2.0 Overview STORY OF MY LIFE Lorem ipsum dolor sit amet, consectetur Character Briefs adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Rounds magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation Schedules ullamco laboris nisi ut aliquip ex ea commodo consequat.

5.0 Choose which path you would have me follow! Scenario 1

Scenario 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. In cursus viverra gravida. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Scenario 3

Scenario 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In cursus viverra gravida. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

4.0

Legal Disclaimer

6.0 Upload file from computer. Once satisfied with the scenario of your choice, click select to choose the character and the specific scenario.

MY PICTURES

6.0 Close Click to return to the characters page.

6.0 SELECT

3.0 Scenarios Possible possible story scenarios for the character. Click on one to select the scenario of your choice.

5.0 Picture Viewer

PICTURE VIEWER

Rankings Gallery

2.0 Character storyline Details of the character story arc.

4.0 Character pictures Pictures of the specific character. Click to see enlarged view in the Picture viewer.

3.0

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In cursus viverra gravida. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

1.0 Character Name Character title.

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes Feryal Khawar | Log Out

World of Sooul

World of Knowledge

World of Artists

2.0 Organizational tabs Lists Videos by category, by user popularity and by rounds.

The Sooul Challenge

2.0 By Category By Popularity By Rounds 3.0 Overview

Category:

4.0

Select Category

Recent Activity >> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Character Briefs Rounds

Submitted by: xxxx

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

Schedules Rankings

Submitted by: xxxx

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

1.0

Gallery

>> Etiam egestas varius ante, ut imperdiet urna gravida eu.

Submitted by: xxxx

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

Submitted by: xxxx

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

Submitted by: xxxx

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

5.0

Legal Disclaimer

1.0 Gallery Showcases the work submitted in the course of the competition.

3.0 Category selection Allows the user to further filter the video listings. 4.0 Recent Activity Lists the videos most recently added to the gallery. 5.0 Page numbering Shows the number of page entries.

Sooul

FUNCTIONAL SPECIFICATIONS

Wireframes Feryal Khawar | Log Out

World of Sooul

Overview

Ranking

World of Artists

Points

Performer Name

World of Knowledge

Tasks

The Sooul Challenge

Recent Activity

Character Briefs

>> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Rounds

>> Aenean pulvinar dolor a sem tempus ornare. >> Donec consequat lorem non odio fringilla fringilla.

Schedules

>> Proin faucibus erat vitae quam dapibus suscipit.

Rankings

>> Proin pulvinar elit vitae odio facilisis sit amet volutpat augue aliquam.

Gallery

>> Etiam egestas varius ante, ut imperdiet urna gravida eu.

Legal Disclaimer

S INTERFACE DESIGN

INTERFACE DESIGN

Mock-ups

Sooul

INTERFACE DESIGN

Mock-ups Sooul

World of Sooul

World of Artists

World of Knowledge

Sooul Challenge

INTERFACE DESIGN

Mock-up

Sooul

INTERFACE DESIGN

Production Ready Comps

Sooul

INTERFACE DESIGN

Production Ready Comps

Sooul

INTERFACE DESIGN

Production Ready Comps

Sooul

INTERFACE DESIGN

Production Ready Comps

Sooul

INTERFACE DESIGN

Production Ready Comps

Sooul

INTERFACE DESIGN

Production Ready Comps

Sooul

INTERACTIVE DESIGN

Production ready Comps

Sooul

INTERACTIVE DESIGN

Production ready Comps

Sooul

INTERACTIVE DESIGN

Production ready Comps

Sooul

INTERACTIVE DESIGN

Production ready Comps

Sooul