Challenge Summary
Welcome to Living Progress - Impact Entrepreneurship Refinement Storyboard Design Challenge
This challenge is part of the HPE Living Progress Challenge Blitz Series. Competitors who win challenges in this series will compete in a leaderboard and earn points towards additional cash prizes.
This is a follow-up challenge to the recently completed Living Progress - Impact Entrepreneurship Storyboard Challenge and this time we need you to convert existing desktop storyboard into tablet screen sizes and create some new pages for tablet and desktop screen sizes.
A). Candidate/ Entrepreneur
1). Log In
2). Dashboard 1st Time
3). Dashboard
4). Application Page
5). Application Page Review
10). Notification Detail (Desktop)
11). Message (Desktop)
B.) Mentor
4). ISP Scorecard
- Provide us with a click map for your design, with annotations for all interactions.
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
- Readme.jpg: If needed, provide notes about your submission
- Please submit more screens to get more feedback!
A). Candidate/ Entrepreneur
1). Log In
2). Dashboard 1st Time
3). Dashboard
4). Application Page
5). Application Page Review
6). Notification
7). Events
8). FAQ + Answer
9). Rate + Survey
10). Notification Detail (Desktop & Tablet)
11). Message (Desktop & Tablet)
B.) Mentor
1). Log In
2). Dashboard (Need desktop version of this as well)
3). Application Page (Review/ Comment)
4). ISP Scorecard
- Provide us with a click map for your design, with annotations for all interactions.
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
- Readme.jpg: If needed, provide notes about your submission
- It will be great if you can submit another Mobile screen sizes to make our developer easy to implement proper mobile layout
Challenge Downloadable
https://drive.google.com/folderview?id=0B31nrwic_6z0cmFjX2NtNGlZR3M&usp=sharing
storyboard.zip - Storyboard Design
wireframe.zip - Wireframe
Design Problem
As part of the Living Progress Challenge, Endeavor seeks to create a digital company profile for entrepreneurs that facilitates consequential, long term mentorship and allows for the scaling of our programs. This page (which would live on our preexisting Salesforce Communities based platform) would mirror the layout of the offline Word document, easily segmenting and displaying information. It would also allow entrepreneurs, mentors and staff, to comment on or input information in specific sections, integrating with Salesforce. Doing so would:
- Allow mentors to deliver consequential advice: Impactful guidance requires the mentor to know the in and outs of the company. Current tools are limited because they lack the ability to visually display information, do not integrate information into our CRM, and are easy to lose track of.
- Allow mentors to provide continuous guidance: mentors will not need a phone or Skype call to provide advice. Rather, they can log into the entrepreneur’s profile, leave comments and suggestions, and continue the dialogue there at their own leisure.
- Each Endeavor candidate requires a detailed company profile, so that mentors can evaluate the company properly. It often takes at least three months to fully prepare a profile. If Endeavor is able to create a digital profile, we will be able to process candidates more quickly and help more entrepreneurs. This profile capture system will help us find and help the right kind of entrepreneurs -- not necessarily more entrepreneurs. We've found from our research that it only takes a handful of high-impact entrepreneurs to catalyze entire ecosystems (see our Buenos Aires tech map here:http://www.endeavor.org/in-the-news/video-multiplier-effect/) -- this company profile will give us a more nuanced understanding of the strength of the candidacy of an entrepreneur
- The digital profile will allow us to capture structured data on all our companies that will allow the organization to understand the composition of our portfolio of entrepreneurs (and their challenges, competitive advantages, etc.) which will not only allow us to proactively suggest support resources on a per-entrepreneur basis, but will also allow us to suggest and develop new programs to best serve our ever-evolving portfolio -- thereby helping our companies grow faster and have a greater impact on their ecosystems.
General Requirements
- This application is going to be a responsive web application. Keep this in mind in your approach.
- Wireframe is just initial layout, for this storyboard challenge, please suggest any best practice design features.
- Fonts: Use fonts from existing design assets
- Provided storyboard using Desktop Standard size (1280px x 720px), for this challenge we require you to submit on Retina Screen Sizes, that’s mean you need raise design element 2x than existing sizes.
- Follow best practice of Responsive Design Patterns.
- Required Screen Sizes :
-- Desktop Standard size (1280px x 720px)
-- Tablet Retina Portrait (1536px x 2048px)
Submission Requirements
For this challenge you need build Impact Entrepreneurship storyboard screens for the following features and roles based on our completed wireframe solution (wireframe.zip) on Tablet and Mobile screen sizes.
A). Candidate/ Entrepreneur
1). Log In
- Should display Endeavour logo in your storyboard
- Main Navigation menu only show when user logged in
- Application title should be Impact Entrepreneurship
- Suggest simple logo design
- Log in w/ username & password
- Need checkbox for Remember Me, Forgot My Password and Register link
- Suggest us how error validation look
2). Dashboard 1st Time
- Menu navigation need show up on this screen
- Design how proper header look for this application
- Show us how Dashboard look and feel for the 1st Time user.
- Show empty message on some sections.
- Research and think about how you should design this page
- Did we need walkthrough new user to explore the application? How they work, suggest your design solution
3). Dashboard
- Menu navigation need show up on this screen
- Design how proper header look for this application
- Shows high level completion status of current profile application
- Display of percentage complete of the profile application
- You need display Rating star
- Important!: Please remove social Icon share buttons on your submission.
- List each items with completeness progress
- There’s Update Profile button that will take user to update their profile
- Displays recent activity, comments, questions.
- How to design different activity look and event action buttons?
- Put see all links to let user see all their notification or events
- Shows An “Events Experience” page, where if the meeting is taking place within a larger context of an event (such as a Local Selection Panel or an International Selection Panel or a conference etc.), users can see the company profiles, the event details, and additional information.
4). Application Page (Application Builder)
Take a look at the provided mood board. We’re looking to build a dynamic interactive application builder. There will be fixed elements w/ in the application as defined by the sample profiles, but there will also be dynamic custom content. Looking at how a user experience is to create a mood board in inVisionApp….we’re looking for a similar flow for a user to add custom sections to their application, drag & drop graphics, images, and other documents to include in the sections and have greater control over the creation of their application. In addition...there is a “google doc” like feature that facilitates collaboration/ comments from team members and entrepreneur mentors w/in the application. ****THIS IS THE MOST IMPORTANT SCREEN FOR YOU TO CONCENTRATE ON!!!!
- Application page allow user to create, view, and update profile page by mirroring the attached Sample-Profiles.pdf
- On Application Page, user can collaborate, comment, edit line by line of the profile application similar to a google docs user experience
- Display percentage complete of the profile
- Intuitive Profile Application UI that segments the application into easily filled out sections
- For the "Execution" Section of the profile, it would be great to build in a dynamic tool that allows us to rearrange the value chain
- Answer and ask questions in comments
- Determine privacy settings of each component (private/public)
- Download as PDF
- Send to users within network and wishes to use the profile for meetings with investors and mentors
- Answer and ask questions in comments
- Determine privacy settings of each component (private/public)
- User need able save data every time, we need you show us how save as draft flow works on your design
- Also, think about how user access the previous saved data.
- There’s a toggle button to indicate user on edit or review mode
- Read overall feedback button need load modal windows contains all feedback
- Think about how you should design tooltips to help user filled the data when navigate to each fields.
- Suggest proper form elements to let user display the expected data like on Sample-Profiles.pdf
- These are the following pages for Application page
4.1). Details
4.2). Entrepreneur and the idea
4.3). Value Proposition (Out of this challenge scope)
4.4). Market Opportunity (Out of this challenge scope)
4.5). The Execution
4.6). The Competition (Out of this challenge scope)
4.7). The Team (Out of this challenge scope)
4.8). Future Strategy (Out of this challenge scope)
4.9). The Challenges (Out of this challenge scope)
4.10). Endeavour Journey (Out of this challenge scope)
4.11). The Financials (Out of this challenge scope)
5). Application Page Review
- This screen is non editable version of Application profile
- Display the completeness from all steps
- There are Feedback, Rating and PDF button on header bar
- When click comment button need let user to write a comment
6). Notification
- This screen need display full list of Notification
- How to design different notification look and event action buttons?
- You need display thumbnails and other information
- Click Load more button need load more data
- How you put action buttons for each Notification row that will take user directly to related page?
7). Events
- This page contains list from all Past and Upcoming Events
- Design how the action buttons look
8). FAQ + Answer
- Design us how FAQ page with question and answers works for this application
- There’s a button to let user ask us directly
9). Rate + Survey
- This is Feedback screen, put some dummy content and form elements
- Submit button placed on the bottom of page
10). Notification Refinement (NEW!)
- We need you to explore more about Notification area
- Refer existing storyboard look
- What notification type user see?
- What action buttons should displayed to take user related page
- How notification details look?
- How you improve existing notification area?
11). Message (NEW!)
- No wireframe provided
- This is new page, how user can send message between Entrepreneurship and Mentor
- How message list should look?
- Read/Unread message
- Message time
- How user create new message
- What ability user have when type a message
- How message detail look?
- Suggest best practice Message flow
B.) Mentor
1). Log In
- Log in w/ username & password
2). Dashboard
- Displays recent activity, comments, questions.
- Shows list of candidates for review. Mentor can filter list of candidates by which candidate applications they have marked and are collaborating on.
- Display of percentage complete of the profile application
- Shows An “Events Experience” page, where if the meeting is taking place within a larger context of an event (such as a Local Selection Panel or an International Selection Panel or a conference etc.), users can see the company profiles, the event details, and additional information.
3). Application Page (Review/ Comment)
- A mentor within the Endeavor network, who wishes to learn more about the company in order to provide proper guidance
- Read profile based on Salesforce permissions
- Rate the entrepreneur, provide feedback (including a picklist, like Challenge = Answer and ask questions in comments
- The ability for users to comment on individual sections of the profiles, and other users to respond. Ex: A mentor reviewing the company, asks a question on the business model section etc.
4). ISP Scorecard
- ISP Scorecard Reference: isp_scoresheet_2016.pdf
- For this challenge you need design some initial layout like wireframe look
- How you design the page to help user filled data easily.
- Put Save Scoresheet button on page
Target User
- Candidate/Entrepreneur
- Mentor
- Endeavor Staff
Judging Criteria
- How well you create design for Impact Entrepreneurship application
- Cleanliness of your graphics and design.
- User Experience
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG image files based on Challenge submission requirements stated above.
Source Files
All source files of all graphics created in either Adobe Photoshop or Illustrator and saved as editable.
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.
This challenge is part of the HPE Living Progress Challenge Blitz Series. Competitors who win challenges in this series will compete in a leaderboard and earn points towards additional cash prizes.
This is a follow-up challenge to the recently completed Living Progress - Impact Entrepreneurship Storyboard Challenge and this time we need you to convert existing desktop storyboard into tablet screen sizes and create some new pages for tablet and desktop screen sizes.
Round 1
Initial Living Progress - Impact Entrepreneurship Refinement Storyboard for these following screens on Tablet Portrait Retina Screen Size:A). Candidate/ Entrepreneur
1). Log In
2). Dashboard 1st Time
3). Dashboard
4). Application Page
5). Application Page Review
10). Notification Detail (Desktop)
11). Message (Desktop)
B.) Mentor
4). ISP Scorecard
- Provide us with a click map for your design, with annotations for all interactions.
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
- Readme.jpg: If needed, provide notes about your submission
- Please submit more screens to get more feedback!
Round 2
Final Living Progress - Impact Entrepreneurship Refinement Storyboard design combined with Checkpoint Feedback for these following screens on Tablet Portrait Retina Screen SizesA). Candidate/ Entrepreneur
1). Log In
2). Dashboard 1st Time
3). Dashboard
4). Application Page
5). Application Page Review
6). Notification
7). Events
8). FAQ + Answer
9). Rate + Survey
10). Notification Detail (Desktop & Tablet)
11). Message (Desktop & Tablet)
B.) Mentor
1). Log In
2). Dashboard (Need desktop version of this as well)
3). Application Page (Review/ Comment)
4). ISP Scorecard
- Provide us with a click map for your design, with annotations for all interactions.
- Make sure all pages have correct flow. Please number your files (00, 01, 02, 03).
- Readme.jpg: If needed, provide notes about your submission
- It will be great if you can submit another Mobile screen sizes to make our developer easy to implement proper mobile layout
Challenge Downloadable
https://drive.google.com/folderview?id=0B31nrwic_6z0cmFjX2NtNGlZR3M&usp=sharing
storyboard.zip - Storyboard Design
wireframe.zip - Wireframe
Design Problem
As part of the Living Progress Challenge, Endeavor seeks to create a digital company profile for entrepreneurs that facilitates consequential, long term mentorship and allows for the scaling of our programs. This page (which would live on our preexisting Salesforce Communities based platform) would mirror the layout of the offline Word document, easily segmenting and displaying information. It would also allow entrepreneurs, mentors and staff, to comment on or input information in specific sections, integrating with Salesforce. Doing so would:
- Allow mentors to deliver consequential advice: Impactful guidance requires the mentor to know the in and outs of the company. Current tools are limited because they lack the ability to visually display information, do not integrate information into our CRM, and are easy to lose track of.
- Allow mentors to provide continuous guidance: mentors will not need a phone or Skype call to provide advice. Rather, they can log into the entrepreneur’s profile, leave comments and suggestions, and continue the dialogue there at their own leisure.
- Each Endeavor candidate requires a detailed company profile, so that mentors can evaluate the company properly. It often takes at least three months to fully prepare a profile. If Endeavor is able to create a digital profile, we will be able to process candidates more quickly and help more entrepreneurs. This profile capture system will help us find and help the right kind of entrepreneurs -- not necessarily more entrepreneurs. We've found from our research that it only takes a handful of high-impact entrepreneurs to catalyze entire ecosystems (see our Buenos Aires tech map here:http://www.endeavor.org/in-the-news/video-multiplier-effect/) -- this company profile will give us a more nuanced understanding of the strength of the candidacy of an entrepreneur
- The digital profile will allow us to capture structured data on all our companies that will allow the organization to understand the composition of our portfolio of entrepreneurs (and their challenges, competitive advantages, etc.) which will not only allow us to proactively suggest support resources on a per-entrepreneur basis, but will also allow us to suggest and develop new programs to best serve our ever-evolving portfolio -- thereby helping our companies grow faster and have a greater impact on their ecosystems.
General Requirements
- This application is going to be a responsive web application. Keep this in mind in your approach.
- Wireframe is just initial layout, for this storyboard challenge, please suggest any best practice design features.
- Fonts: Use fonts from existing design assets
- Provided storyboard using Desktop Standard size (1280px x 720px), for this challenge we require you to submit on Retina Screen Sizes, that’s mean you need raise design element 2x than existing sizes.
- Follow best practice of Responsive Design Patterns.
- Required Screen Sizes :
-- Desktop Standard size (1280px x 720px)
-- Tablet Retina Portrait (1536px x 2048px)
Submission Requirements
For this challenge you need build Impact Entrepreneurship storyboard screens for the following features and roles based on our completed wireframe solution (wireframe.zip) on Tablet and Mobile screen sizes.
A). Candidate/ Entrepreneur
1). Log In
- Should display Endeavour logo in your storyboard
- Main Navigation menu only show when user logged in
- Application title should be Impact Entrepreneurship
- Suggest simple logo design
- Log in w/ username & password
- Need checkbox for Remember Me, Forgot My Password and Register link
- Suggest us how error validation look
2). Dashboard 1st Time
- Menu navigation need show up on this screen
- Design how proper header look for this application
- Show us how Dashboard look and feel for the 1st Time user.
- Show empty message on some sections.
- Research and think about how you should design this page
- Did we need walkthrough new user to explore the application? How they work, suggest your design solution
3). Dashboard
- Menu navigation need show up on this screen
- Design how proper header look for this application
- Shows high level completion status of current profile application
- Display of percentage complete of the profile application
- You need display Rating star
- Important!: Please remove social Icon share buttons on your submission.
- List each items with completeness progress
- There’s Update Profile button that will take user to update their profile
- Displays recent activity, comments, questions.
- How to design different activity look and event action buttons?
- Put see all links to let user see all their notification or events
- Shows An “Events Experience” page, where if the meeting is taking place within a larger context of an event (such as a Local Selection Panel or an International Selection Panel or a conference etc.), users can see the company profiles, the event details, and additional information.
4). Application Page (Application Builder)
Take a look at the provided mood board. We’re looking to build a dynamic interactive application builder. There will be fixed elements w/ in the application as defined by the sample profiles, but there will also be dynamic custom content. Looking at how a user experience is to create a mood board in inVisionApp….we’re looking for a similar flow for a user to add custom sections to their application, drag & drop graphics, images, and other documents to include in the sections and have greater control over the creation of their application. In addition...there is a “google doc” like feature that facilitates collaboration/ comments from team members and entrepreneur mentors w/in the application. ****THIS IS THE MOST IMPORTANT SCREEN FOR YOU TO CONCENTRATE ON!!!!
- Application page allow user to create, view, and update profile page by mirroring the attached Sample-Profiles.pdf
- On Application Page, user can collaborate, comment, edit line by line of the profile application similar to a google docs user experience
- Display percentage complete of the profile
- Intuitive Profile Application UI that segments the application into easily filled out sections
- For the "Execution" Section of the profile, it would be great to build in a dynamic tool that allows us to rearrange the value chain
- Answer and ask questions in comments
- Determine privacy settings of each component (private/public)
- Download as PDF
- Send to users within network and wishes to use the profile for meetings with investors and mentors
- Answer and ask questions in comments
- Determine privacy settings of each component (private/public)
- User need able save data every time, we need you show us how save as draft flow works on your design
- Also, think about how user access the previous saved data.
- There’s a toggle button to indicate user on edit or review mode
- Read overall feedback button need load modal windows contains all feedback
- Think about how you should design tooltips to help user filled the data when navigate to each fields.
- Suggest proper form elements to let user display the expected data like on Sample-Profiles.pdf
- These are the following pages for Application page
4.1). Details
4.2). Entrepreneur and the idea
4.3). Value Proposition (Out of this challenge scope)
4.4). Market Opportunity (Out of this challenge scope)
4.5). The Execution
4.6). The Competition (Out of this challenge scope)
4.7). The Team (Out of this challenge scope)
4.8). Future Strategy (Out of this challenge scope)
4.9). The Challenges (Out of this challenge scope)
4.10). Endeavour Journey (Out of this challenge scope)
4.11). The Financials (Out of this challenge scope)
5). Application Page Review
- This screen is non editable version of Application profile
- Display the completeness from all steps
- There are Feedback, Rating and PDF button on header bar
- When click comment button need let user to write a comment
6). Notification
- This screen need display full list of Notification
- How to design different notification look and event action buttons?
- You need display thumbnails and other information
- Click Load more button need load more data
- How you put action buttons for each Notification row that will take user directly to related page?
7). Events
- This page contains list from all Past and Upcoming Events
- Design how the action buttons look
8). FAQ + Answer
- Design us how FAQ page with question and answers works for this application
- There’s a button to let user ask us directly
9). Rate + Survey
- This is Feedback screen, put some dummy content and form elements
- Submit button placed on the bottom of page
10). Notification Refinement (NEW!)
- We need you to explore more about Notification area
- Refer existing storyboard look
- What notification type user see?
- What action buttons should displayed to take user related page
- How notification details look?
- How you improve existing notification area?
11). Message (NEW!)
- No wireframe provided
- This is new page, how user can send message between Entrepreneurship and Mentor
- How message list should look?
- Read/Unread message
- Message time
- How user create new message
- What ability user have when type a message
- How message detail look?
- Suggest best practice Message flow
B.) Mentor
1). Log In
- Log in w/ username & password
2). Dashboard
- Displays recent activity, comments, questions.
- Shows list of candidates for review. Mentor can filter list of candidates by which candidate applications they have marked and are collaborating on.
- Display of percentage complete of the profile application
- Shows An “Events Experience” page, where if the meeting is taking place within a larger context of an event (such as a Local Selection Panel or an International Selection Panel or a conference etc.), users can see the company profiles, the event details, and additional information.
3). Application Page (Review/ Comment)
- A mentor within the Endeavor network, who wishes to learn more about the company in order to provide proper guidance
- Read profile based on Salesforce permissions
- Rate the entrepreneur, provide feedback (including a picklist, like Challenge = Answer and ask questions in comments
- The ability for users to comment on individual sections of the profiles, and other users to respond. Ex: A mentor reviewing the company, asks a question on the business model section etc.
4). ISP Scorecard
- ISP Scorecard Reference: isp_scoresheet_2016.pdf
- For this challenge you need design some initial layout like wireframe look
- How you design the page to help user filled data easily.
- Put Save Scoresheet button on page
Target User
- Candidate/Entrepreneur
- Mentor
- Endeavor Staff
Judging Criteria
- How well you create design for Impact Entrepreneurship application
- Cleanliness of your graphics and design.
- User Experience
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG image files based on Challenge submission requirements stated above.
Source Files
All source files of all graphics created in either Adobe Photoshop or Illustrator and saved as editable.
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.