Behance Mobile Strategy - iPhone App

of 18/18
August 12, 2012 Behance WIREFRAMES iPhone App VERSION 3.0 THIS DOCUMENT HAS BEEN PREPARED FOR LIMITED DISTRIBUTION. THIS DOCUMENT CONTAINS MATERIALS AND INFORMATION THAT Behance AND Laura Cortes CONSIDERS CONFIDENTIAL, PROPRIETARY AND SIGNIFICANT FOR PROTECTION OF ITS BUSINESS.
  • date post

    22-Mar-2016
  • Category

    Documents

  • view

    283
  • download

    0

Embed Size (px)

description

Behance Mobile Strategy - iPhone App

Transcript of Behance Mobile Strategy - iPhone App

  • August 12, 2012

    BehanceWIREFRAMES iPhone App

    VERSION 3.0

    THIS DOCUMENT HAS BEEN PREPARED FOR LIMITED DISTRIBUTION.

    THIS DOCUMENT CONTAINS MATERIALS AND INFORMATION THAT

    Behance AND Laura Cortes CONSIDERS CONFIDENTIAL, PROPRIETARY

    AND SIGNIFICANT FOR PROTECTION OF ITS BUSINESS.

  • Table of Contents

    Revision History

    Version 1.0 (July 22, 2012)

    - First draft based off of the Mobile strategy

    Version 2.0 (July 30, 2012)

    - Second draft based on Kristys inclass feedbackVersion 3.0 (August 11, 2012)

    - Final draft based on Kristys moodle feedback

    This documents the Information Architecture and structure of design concept.

    Wireframes

    Wireframes illustrate the information architecture and interaction design elements of a site. This document defines the page

    structure (information), interaction, and navigation. It does not influence the nomenclature, colours, stylesheets, shapes,

    aesthetics, and other visual design parts of the website concept.

    Wireframes provide a rationale behind the page structure, the interaction and the navigation. This vital information helps the

    development, design, and UE teams to scope out the project.

    New additions and changes, including functionality and page elements, are documented and reviewed into each wireframe.

    Wireframe alterations are documented in the Revision History.

    3Sitemap

    5Log In

    6Jobs

    8Job List

    9Collection

    10Post

    11Explore

    12Explore Agencies

    14Explore Map

    15Follow

    16Agencies

    17Me

    18Job Status

    4Common functionalities

    7Job tap

    13Explore Projects

  • 0.0 BEHANCE iPhone App

    0.1 LOG IN

    0.1.1 Log in

    2.1 Profile 2.1 Find a job 3.1 Projects

    0.1.2 Register

    2.2 Job Status 3.1.1 Project 1

    2.2.1 Jobs

    2.4.1 Jobs

    3.2.1 Creative 1

    4.1.1 Creative 1

    4.2.1 Agency 1

    3.1.2 Project 2

    2.2.2 People

    2.4.2 People

    3.2.2 Creative 2

    4.1.2 Creative 2

    4.2.2 Agency 2

    3.1.3 Project 3

    3.2.3 Creative 3

    4.1.3 Creative 3

    4.2.3 Agency 3

    2.2 Job List

    2.4 Collection

    3.2 People2.3 Saved search

    2.5 Post a job

    4.1 Creatives

    4.2 Agencies

    1.0 ME 2.0 JOBS 3.0 EXPLORE 4.0 FOLLOW

  • Behance

    4Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesCommon functionalities

    Carrier 12:00 PM

    Page Notes

    Jobs Explore Follow

    BackHello

    Laura

    Explore

    1.0

    Common functionalities

    1.0 Back buttonThis button is available in all secondary, tertiary and so on

    navigations. It allows the user to go back one level.

    2.0 Behance Logo Homepage buttonThe Behance logo is present in all pages, always in the same

    place and allows the user to go back to the homepage from

    whenever he is.

    3.0 User name profile buttonWhen the user logs in, his profile name appears on the top

    right corner of the screen. This area is also a button that takes

    the user to his profile page and its present in all screens once the user logs in.

    4.0 Section TitleThis title informs the user about the section he is situated. Its present in all screens, except the homepage.

    5.0 Jobs Quick button This button belongs to a bottom nav that contains three quick

    buttons to the primary navigations of the app.

    This one is takes the user to the jobs section.

    (page 5)

    6.0 Explore Quick button This button belongs to a bottom nav that contains three quick

    buttons to the primary navigations of the app.

    This one is takes the user to the explore section.

    (page 10)

    7.0 Follow Quick button This button belongs to a bottom nav that contains three quick

    buttons to the primary navigations of the app.

    This one is takes the user to the follow section.

    (page 14)

    2.0

    4.0

    3.0

    5.0 6.0 7.0

  • Behance

    5Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesLog in

    Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM

    Screen Notes Screen Notes Screen Notes

    Jobs Explore Follow Jobs Explore Follow Jobs Explore Follow

    Back Back Back

    Log In/Sign up

    Jobs

    Explore

    Follow

    Email X

    Password X

    Log In

    Not a member yet?

    Or Sign Up with email

    Jobs

    Explore

    Follow

    Me

    1.0

    2.0

    3.0

    4.0

    1.0 Log In/Sign Up buttonThe user is redirected to the next screen where he can log in to his

    account or create a new account.

    2.0 Jobs ButtonThe user can access the jobs section through this button

    (Page 2)

    3.0 Explore ButtonThis button takes the user to the Explore Section

    (Page 02)

    4.0 Follow buttonPressing this button the user has access to the Follow section of the app.

    (Page 14)

    1.0 Email Insert text boxIn order to Log In the user must inset his email address.

    1.1 Delete buttonIn order to Log In the user must inset his email address.

    2.0 Password Insert text boxHere the user must insert his password to validate the account.

    3.0 Log In ButtonBy pressing this button the user logs into his account.

    4.0 Facebook Log sign up buttonIf the user doesnt own an account he can choose to sign up with his Facebook account.

    5.0 Twitter Log sign up buttonIf the user doesnt own an account he can choose to sign up with his Twitter account.6.0 Sign Up with emailIf the user doesnt own an account he can choose to sign up with his Email account.

    1.0

    2.0

    3.0

    4.0

    5.0

    6.0

    Hello

    Laura

    1.0

    2.0

    3.0

    4.0

    1.0 Me buttonThe user can access the his profile page through this button.

    (Page 16)

    2.0 Jobs ButtonThe user can access the jobs section through this button.

    (Page 2)

    3.0 Explore ButtonThis button takes the user to the Explore Section.

    (Page 10)

    4.0 Follow buttonPressing this button the user has access to the Follow section of the app.

    (Page 14)

    1.1

  • Behance

    6Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesJobs

    Carrier 12:00 PM Carrier 12:00 PM

    Page Notes

    Jobs Explore Follow Jobs Explore Follow

    BackBack

    Jobs

    Find

    a

    Job

    Job

    List

    Collection

    Post

    a

    Job

    Quick search:

    Enter word X

    Find a Job

    Search: X

    Choose a countryCountry: X

    Choose a cityCity: X

    Agency: X

    Results:

    Scratchboard illustratorOakland, CA, USA July 18

    Jobs

    Search

    Search

    Hello

    LauraHello

    Laura

    1.0 2.0

    3.0 4.0

    5.0

    6.0

    Jobs

    1.0 Find a Job ButtonFind a job section. In this section the user can search for a job

    using search filters. The Search results are displayed in the

    same screen.

    2.0 Job List ButtonIn this section the user can visualize the latest job posts

    entries related to his previous saved search, or if the user

    prefers he can erase his saved search and have access to all

    the jobs posts entries.

    (Page 7)

    3.0 Collection ButtonIn the collection section the user has access to his collection of

    jobs posts or people he might be interested in contacting,

    working for or hiring. The user is able to manage his content

    by adding more content to his collection or instead deleting

    content.

    (Page 8)

    4.0 Post a JobPressing this button the user has access to the Post Job

    section of the app, where the user can post a job offer.

    (Page 9)

    5.0 Quick Search insert text boxThe quick search tool allows the user to search by simply

    inserting a key word. The results displayed include all the

    sections: jobs, creatives and agencies.

    6.0 Quick Search buttonThis button sends the search requested by the user and

    displays the results underneath.

    Jobs List

    1.0 Search insert text boxHere the user introduces key words for his search.

    2.0 Country insert text boxBy taping in the text box the user will be able to choose from a

    list of countries.

    3.0 City insert text boxBy taping in the text box the user will be able to choose from a

    list of cities.

    4.0 Agency insert text boxHere the user can introduce the name of an agency.

    5.0 Search buttonBy pressing this button the user will visualize the search

    results on the bottom of the page.

    6.0 Search resultsAfter pressing the search button the results will be displayed in

    this area.

    The results are displayed as a list of buttons, which can be

    taped to access the job entries.

    1.0

    2.03.0

    6.0

    5.04.0

  • Behance

    7Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesJobs Tap

    Carrier 12:00 PM

    Page Notes

    Jobs Explore Follow

    Back

    Jobs

    Find a Job

    Search: X

    Choose a countryCountry: X

    City: X

    Agency: X

    Results:

    Scratchboard illustratorOakland, CA, USA July 18

    Search

    Hello

    Laura

    5.0

    Canada

    USA

    France

    Portugal

    Spain

    1.0

    Jobs list

    1.0 Drop down menuFor the areas country and city the user can choose from a list

    that will be displayed on a dropdown menu.

    The dropdpwn menu shows up when the user taps the

    respective box.

  • Behance

    8Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesJob List

    Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM

    Screen Notes Screen Notes Screen Notes

    Jobs Explore Follow Jobs Explore Follow Jobs Explore Follow

    Back Back Back

    Jobs Jobs

    Find Jobs Find People

    Scratchboard illustratorOakland, CA, USA July 18

    Senior Interaction DesignerWashington, DC, USA July 18

    Results

    Scratchboard illustratorOakland, CA, USA July 18

    Senior Interaction DesignerWashington, DC, USA July 18

    Results

    Find Jobs Find People

    John Smith Oakland, CA, USA July 18

    Interactive Designer

    Laura Johnson Vancouver, BC, Can July 18

    IA

    Christina Tompson Toronto, ON, Can July 18

    Interface Designer

    David Campbell San Fran., CA, USA July 18

    UX Designer

    Saved Search

    InteractiveSearch: X

    CanadaCountry: X

    VancouverCity: X

    Blast RadiusCompany: X

    Results:

    Resfresh

    Jobs

    Jobs People

    Hello

    Laura

    Hello

    Laura

    Hello

    Laura

    1.0 Search insert text boxHere the user introduces key words for his search.

    2.0 Country insert text boxBy taping in the text box the user will be able to choose from a list of countries.

    3.0 City insert text boxBy taping in the text box the user will be able to choose from a list of cities.

    4.0 Agency insert text boxHere the user can introduce the name of an agency.

    5.0 RefreshBy pressing this button the user will refresh the predefined search, and get new

    results.

    6.0 Jobs TabThe user can choose between Jobs results or People results. In the jobs tag the user

    as access to the jobs offers posts.

    7.0 People TabBy pressing this tag the user as access to people offering services.

    1.0 Job Post titleIn order to Log In the user must inset his email address.

    2.0 Add to collectionThe user can choose to add the job post to his collection, directly from the job

    list.

    3.0 Job LocationInforms the user about the job offer location.

    4.0 Post Date.Informs the user about the job post date.

    1.0 Creative Profession TitleIn this section the user can see creatives who are offering their services.

    This text informs the user about the creative profession.

    2.0 Creative nameCreative name and last name.

    3.0 Creative LocationInforms the user about the creative location.

    1.0

    2.0

    3.0

    4.0

    5.0

    6.0 7.0

    1.0 2.0

    3.0 4.0

    1.0

    2.0 3.0

  • Behance

    9Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesCollection

    Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM

    Screen Notes Screen Notes Screen Notes

    Jobs Explore Follow Jobs Explore Follow Jobs Explore Follow

    Back Back Back

    JobsJobs

    Jobs

    Scratchboard illustratorOakland, CA, USA July 18

    Jobs

    Senior Interaction DesignerWashington, DC, USA July 18

    Scratchboard illustratorOakland, CA, USA July 18

    Senior Interaction DesignerWashington, DC, USA

    July 15

    Senior Interaction DesignerWashington, DC, USA July 18

    Collection

    Jobs

    People

    People

    John smithLocation: Tallin, Estonia

    Fields: Art Direction, Graphic

    Design, Typography

    Sarah ChowLocation: Vancouver, Canada

    Fields: User Experience,

    Information Architecture

    July 18

    Hello

    Laura

    Hello

    Laura

    Hello

    Laura

    1.0 Jobs buttonThe user is redirected to the next screen where he can see a list of the jobs

    he added to hos collection.

    2.0 People ButtonThe user is redirected to the section where he can see a list of the people

    (creatives and agencies) he added to hos collection.

    1.0 Jobs postsList of jobs posts added to the user collection. Every item is a button that

    takes the user to the job post page.

    2.0 Add to my collection buttonThis button allows the user to add or remove jobs posts to his collection.

    When its coloured the job is added to the collection. To remove the job from the collection, the user just has to press the button again, and it instantly

    becomes uncoulored.

    1.0 Creative/Agency PhotoThumbnail image of the creative/agency.

    2.0 Creative/Agency Name In this area the user is informed about the creative/agency name.

    3.0 Creative/Agency Location In this area the user is informed about the creative/agency location.

    4.0 Creative/Agency FieldIn this area the user is informed about the creative/agency fields of expertise.

    5.0 Creative/Agency Rate The user can choose to rate the creatives/agencies entries, and by doing this the user

    changes the order of importance of the entries.

    6.0 Post dateIn this area the user is informed about the post date.

    7.0 Creative/Agency Appreciations numberIn this area the user is informed about the creative/agency number of appreciations.

    8.0 Creative/Agency Views numberIn this area the user is informed about the creative/agency number of views.

    1.0

    2.0

    1.0 2.0 1.02.0

    3.0

    4.0

    8.0

    5.0

    6.07.0

  • Behance

    10Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesPost

    Carrier 12:00 PM Carrier 12:00 PM

    Page Notes

    Jobs Explore Follow Jobs Explore Follow

    BackBack

    Post a Job

    Area: X

    Company: X

    Start date: X

    Country: X

    City: X

    Description:

    Jobs Jobs

    Post

    Hello

    LauraHello

    Laura

    1.0

    2.0

    3.0

    4.0

    5.0

    6.0

    7.0

    Post a Job

    1.0 Job area insert text boxIn this area the user can inset the area of the job he is offering.

    2.0 Company In this area the user can insert the company who is offering the

    job.

    3.0 Job starting dateThe user can choose to introduce the date of start for the job.

    By taping the box, a calendar shows up, and the user can

    choose the month and day.

    4.0 Country insert text boxBy taping in the text box the user will be able to choose from a

    list of countries.

    5.0 City insert text boxBy taping in the text box the user will be able to choose from a

    list of cities.

    6.0 Description insert text boxIn this area the user can add a short description about the job

    offer.

    7.0 Post buttonThe button posts the job into the job list.

    M

    August 12

    T W T F S S

    1 2 3 4 5

    6 7 8 9 10 11 12

    13 14 15 16 17 18 19

    20 21 22 23 24 25 26

    27 28 29 30 31

  • Behance

    11Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesExplore

    Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM

    Screen Notes Screen Notes Screen Notes

    Jobs Explore Follow Jobs Explore Follow Jobs Explore Follow

    Back Back Back

    Explore ExploreExplore

    People

    Projects

    John Smith

    Location: Tallin, Estonia

    Follow

    Fields: Art Direction, Graphic

    Design, Typography

    About

    Lorem ipsum dolor sit amet,

    consectetaur adipisicing elit, sed do

    eiusmod tempor incididunt ut labore et

    dolore magna aliqua.

    People

    Map

    Creatives Agencies

    Sarah ChowLocation: Vancouver, Canada

    Fields: User Experience,

    John SmithLocation: Tallin, Estonia

    Follow

    Fields: Art Direction, Graphic

    Design, Typography

    Hello

    Laura

    Hello

    Laura

    Hello

    Laura

    1.0 People buttonThe user is redirected to the next screen where he can explore between

    Creatives or agencies.

    2.0 Projects button The user is redirected to a screen where he can explore projects from either

    creatives or agencies. (Page 12)

    3.0 Map ButtonThe user is redirected to a screen where he can explore visualize a map

    showing the jobs, creatives or agencies closer to his location. (Page 13)

    1.0 Creatives tabThe user can choose between Creatives results or Agencies results. In the

    creatives tag the user as access to creatives personal portfolio.

    2.0 Agencies tabBy pressing this tag the user as access to the agencies list, and therefore to

    their portfolio.

    (Page 11)

    3.0 Follow ButtonThe user can choose to follow creatives and agencies.

    By pressing the button the user is adding creatives/agencies to his following

    list.

    Creative

    1.0 AboutIn this page the user can see the creative page and get detailed information

    about his/her work and field of expertise.

    By scrolling down the user can visualize examples of the creative work.

    1.0

    2.0

    3.0

    1.02.0

    3.0 1.0

  • Behance

    12Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesExplore Agencies

    Carrier 12:00 PM Carrier 12:00 PM

    Page Notes

    Jobs Explore Follow Jobs Explore Follow

    BackBack

    HandMadeFontLocation: Tallin, Estonia

    Follow

    Fields: Art Direction, Graphic

    Design, Typography

    HandMadeFontLocation: Tallin, Estonia

    Fields: Art Direction, Graphic

    Design, Typography

    People

    Creatives Agencies

    Explore

    HandMadeFont

    Location: Tallin, Estonia

    Follow

    Fields: Art Direction, Graphic

    Design, Typography

    About

    Lorem ipsum dolor sit amet,

    consectetaur adipisicing elit, sed do

    eiusmod tempor incididunt ut labore et

    dolore magna aliqua.

    Explore

    Hello

    LauraHello

    Laura

    Agencies

    1.0 Agencies ListIn this area the user can explore different agecnies and have

    access to their personal page and work.

    2.0 Agency page In this page the user can visualize a specific agency and see

    its work and information.

    1.1

    2.0

  • Behance

    13Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesExplore Projects

    Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM

    Screen Notes Screen Notes Screen Notes

    Jobs Explore Follow Jobs Explore Follow Jobs Explore Follow

    Back Back Back

    Explore ExploreExplore

    Projects Handmade font.

    Art Direction, Graphic Design, Typography

    Author: HandMadeFont Agency

    Handmade font.By: HandMadeFont

    Art Direction, Graphic

    Design, Typography

    LondonBy: Talos Buccellati

    Photography

    Hello

    Laura

    Hello

    Laura

    Hello

    Laura

    1.0 Explore projectsIn this page the user has access to a list of different projects from creatives or

    agencies. The user can access the different projects pages by tapping on the

    list items.

    1.0 Project pagePage showcasing a project

    2.0 Project authorProject author name,

    3.0 Project short descriptionOne sentence describing the project nature and field.

    4.0 ImageProject image. To view full screen the user just needs to rotate the phone to

    landscape position.

    4.0 Twitter share buttonThis button shares the project on twitter.

    5.0 Facebook share buttonThis button shares the project on favebook.

    6.0 Linked In share buttonThis button shares the project on Linked In.

    7.0 Google Plus share buttonThis button shares the project on Google Plus.

    8.0 Appreciate this buttonThis button gives an appreciation to the project.

    1.0

    1.0

    2.0

    4.0

    4.0 5.0 6.0 7.0

    8.0

    Lorem ipsum dolor sit amet, consectetur

    adipiscing elit.

    3.0

  • Behance

    14Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesExplore Map

    Carrier 12:00 PM

    Page Notes

    Jobs Explore Follow

    Back

    Filter TitleFilter description

    Jobs Explore Follow

    Jobs Creatives Agencies

    Hello

    Laura

    1.0

    Explore Map

    In this page the user can explore job offers, creatives or

    agencies who are situated near the user location.

    1.0 Jobs FilterThis button activates the jobs filter displaying only the job

    offers available near the user location.

    2.0 Creatives FilterThis button activates the creatives filter displaying only the

    creatives who live and work near the user location.

    3.0 Agencies FilterThis button activates the agencies filter displaying only the

    agencies that are situated near the user location.

    4.0 Selected filter item titleTitle of the item.

    5.0 Arrow button to access item pageThis button takes the user to the item page (job offer, creative,

    agency).

    6.0 Selected filter item short descriptionField of the item (job offer, creative, agency).

    7.0 User locationMark informing about the user location on the map.

    8.0 Projects FilterItems locations on the map.

    2.0

    3.0

    4.0

    5.0

    6.07.0

    8.0

  • Behance

    15Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesFollow

    Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM

    Screen Notes Screen Notes Screen Notes

    Jobs Explore Follow Jobs Explore Follow Jobs Explore Follow

    Back Back Back

    Creatives

    Agencies

    FollowFollow

    Creatives

    Follow Following

    Follow

    Laura CortesLocation: Lisbon, Portugal

    Unfollow

    Fields: Creative Direction,

    Interactive Design, Ux, IA

    Samantha KangLocation: Vancouver, Canada

    Fields: User Experience,

    Creatives

    Follow Following

    Sarah ChowLocation: Vancouver, Canada

    Fields: User Experience,

    John SmithLocation: Tallin, Estonia

    Follow

    Fields: Art Direction, Graphic

    Design, Typography

    Hello

    Laura

    Hello

    Laura

    Hello

    Laura

    1.0 Creatives Up buttonThe user is redirected to the next screen where he can visualize a list of the

    creatives he is following and also a list of creatives that might interest him.

    2.0 Agencies ButtonThe user is redirected to a new page where he can visualize a list of the

    agencies he is following and also a list of agencies that might interest him.

    (page 15)

    1.0 Follow TabThe user can choose between Follow results or Following results. In the

    follow tag the user as access to a list of creatives to follow..

    2.0 Following TabBy pressing this tag the user as access to the creatives he is already

    following.

    1.0 Unfollow buttonThe user can choose to unfollow a creative he is already following just by

    tapping on the button unfollow.

    1.0

    2.0

    1.0 2.0

    1.0

  • Behance

    16Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesAgencies

    Carrier 12:00 PM Carrier 12:00 PM

    Page Notes

    Jobs Explore Follow Jobs Explore Follow

    BackBack

    HandMadeFont

    Location: Tallin, Estonia

    Follow

    Fields: Art Direction, Graphic

    Design, Typography

    Location: Vienna, Austria

    Fields: Illustration, Photography,

    Graphic Design

    Follow

    Agencies

    Follow Following

    Follow

    Agencies

    Following Following

    HandMadeFont

    Location: Tallin, Estonia

    Unfollow

    Fields: Art Direction, Graphic

    Design, Typography

    Location: Vienna, Austria

    Fields: Illustration, Photography,

    Graphic Design

    Hello

    LauraHello

    Laura

    Follow Agencies

    1.0 Follow agencies tabIn this area the user can explore different agencies and have

    access to their personal page and work.

    2.0 Following agencies tabIn this page the user can visualize a the list of agencies he is

    already following and he can choose to unfollow it.

    1.1

    2.0

  • Behance

    17Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesMe

    Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM

    Screen Notes Screen Notes Screen Notes

    Jobs Explore Follow Jobs Explore Follow Jobs Explore Follow

    Back Back Back

    Creative Direction X

    Me

    Profile Image

    Current

    ImageUPLOAD IMAGE

    Personal Information

    Laura Cortes X

    Digital Creative X

    Location

    Canada British Columbia

    Vancouver

    Creative Fields

    Interaction Design X

    Profile

    Job Status

    Profile

    Me Me

    Hello

    Laura

    Hello

    Laura

    Hello

    Laura

    1.0 Profile buttonThe user is redirected to the next screen where he can edit his profile info and

    upload a profile picture.

    2.0 Job Status ButtonThe user can access the job status section through this button

    (page 17)

    1.0 Profile ImageThumbnail image of the user profile.

    2.0 Upload a new profile image buttonHere the user can upload a new image to his profile.

    3.0 Personal information - nameThe user can insert his personal name in this area.

    4.0 Personal information - professionThe user can insert his profession in this area.

    5.0 Location - countryBy taping in the text box the user will be able to choose from a list of

    countries.

    6.0 Location - stateBy taping in the text box the user will be able to choose from a list of states.

    7.0 Location - cityBy taping in the text box the user will be able to choose from a list of cities.

    8.0 Creative field 1The user can insert the first field of expertise.

    9.0 Creative field 2The user can insert the second field of expertise.

    10.0 Creative field 3The user can insert the third field of expertise.

    1.0

    2.0

    1.0 2.0

    3.0

    4.0

    5.0

    6.0

    7.0

    8.0

    Creative Direction X

    9.0

    10.0

  • Behance

    18Document: Wireframes

    Last Edited: 8/12/2012 Author: Laura CortesJob status

    Carrier 12:00 PM Carrier 12:00 PM

    Page Notes

    Jobs Explore Follow Jobs Explore Follow

    BackBack

    Job Status

    Available for:

    Freelance Internship

    Part-time

    Areas:

    Interactive

    Area 2

    Area 3Save

    Me Me

    Full-time

    Start date: X

    Country: X

    City: X

    Description:

    Hello

    Laura

    Hello

    Laura

    Job status

    Available for:

    In this area the user can choose what kind of work he is

    available for.

    1.0 FreelanceCheck box.

    2.0 InternshipCheck box.

    3.0 Part-timeCheck box.

    4.0 Full-timeCheck box.

    Areas:

    5.0 Area 1By taping in the text box the user will be able to choose from a

    list of areas.

    6.0 Area 2By taping in the text box the user will be able to choose from a

    list of areas.

    7.0 Area 3By taping in the text box the user will be able to choose from a

    list of areas.

    8.0 Start dateThe user can choose to introduce the date he is available to

    start working. By taping the box, a calendar shows up, and the

    user can choose the month and day.

    9.0 CountryBy taping in the text box the user will be able to choose from a

    list of countries.

    10.0 CityBy taping in the text box the user will be able to choose from a

    list of cities.

    11.0 DescriptionHere the user can add a short description of the type of work

    he is looking for and also any other information he might want

    to give about himself.

    12.0 Save buttonThis button saves the job status of the user and updates his

    profile page.

    1.0

    2.0

    3.0 4.0

    5.0

    6.0

    7.0

    8.0

    9.0

    10.0

    11.0

    12.0

    iPhone_app_v2.vsdTitle PageAbout This DocumentblankCommon functionalitiesLog inJobsJobs TapJob ListCollectionPostExploreExplore AgenciesExplore ProjectsExplore MapFollowAgenciesMeJob status