Challenge Summary
Welcome to Prevention Franchising - Storyboard Contest Part 1.
WorkSafeBC has a website with content (articles, videos, legislation, training materials, and other documentation) around safety in the workplace. WorkSafeBC funds a number of industry associations to provide training and safety content of approved material through their own channels and standards.
At the end of this contest, the client is looking for a clean, simple, light and impressive storyboard web design for the application.
There will be another series of contest for this application, so if you start with this contest, it will be much more easier for you to understand the specification and get the look and feel for next contests. Please stay alert and jump in immediately when it’s launched.
Please read the contest details below, and feel free to post your questions in forums.
Round 1
Submission design for client review:
- All the screens listed in the requirement.
- Notes: Any comments about your design for the Client
- Please number your files in the order they should be viewed (01,02,03,04,etc)
Round 2
Submission design for client review:
- All the screens listed in the requirement.
- Notes: Any comments about your design for the Client
- Please number your files in the order they should be viewed (01,02,03,04,etc)
Primary Goal:
For this contest you will create storyboard for Prevention Franchising system. The general target platform of this application will be Web Browser. You are provided with the wireframe as the input to produce a high quality and unique design.
Please note: DO NOT simply "skin" the wireframe (ie create a design to overlay onto the wireframe in it's current layout/form). We don't expect the completed design to look exactly the same like the wireframe. The wireframe is provided ONLY to show what content should appear on the page - it is not meant to define element positioning / size / layout / ect of these elements. We are open to any ideas to create a high quality storyboard in this contest.
Detail Requirements:
1. Size, The page width must set to 1024px with content width must set to 960px, we want it to support less resolution monitor.
2. Fonts, Fonts are open to the designer, But we encourage you to choose and use web safe font. Please be aware of font delivery requirement. All fonts used in the design must be submitted with your files. If you do not have permission to release the fonts, you must provide a text file including the name of the font and a link to where the font can be purchased.
3. Color, you are free to use any color as basic for your color schemes. We're not strict about color schemes, but please limit your color schemes, limit it to 3 main colors and 3 secondary colors. Feel free to use your creativity here.
Required Pages:
Franchise Administrator:
1. Home (Home_Franchise_Administrator_.html)
There will be "Manage Account" and "Create Franchise Site" functionalities, we want this to be prominent on this page.
2. Category (Category_Franchise_Administrator_.html)
Please work out with the "Subscribe" functionality on this page (we are open to any ideas, pop up etc)
3. Create Franchise Site - Franchise Site Details (Create_Franchise_Site.html --> Franchise Site Details Tab)
4. Create Franchise Site - Choose Template (Create_Franchise_Site.html --> Choose Template Tab)
5. Create Franchise Site - Contents (Create_Franchise_Site.html --> Contents Tab)
You are provided with the wireframe of the application, you can find all the listed pages above in it. Please ask any questions in the forum if something is unclear.
Additional:
- Provide hover condition for links/buttons.
- show us expand/collapse design for required tab.
Branding Colors:
Pantone 144 | CMYK 8/59/100/1 | RGB 248/151/29 | HEX FF9900 100% Black
What this means is that the logo is this color (orange) and black. This does not mean that the site should be orange and black, but the orange and black logo should look good within the site (no clashing colors).
In fact, a site which uses this orange as a primary color is not desired at all. Rather, we want to leave the color scheme open as long as the corporate logo will still look nice.
Target Audience:
1. Guest User.
The Guest User represents the web visitor. The web visitor will not need to login in order to access the website content and common functionality.
2. Franchisee User.
The franchisee user is registered user and a representative of a franchisee company, industry association or organization. The franchisee user will use the application to manage the franchisee site.
3. Franchisee Publisher.
The franchisee publisher is a franchisee user authorized to submit contents to the WorkSafeBC site.
4. Staff Publisher.
The staff publisher is a member of the WorkSafeBC staff that is authorized to submit contents to the WorkSafeBC site.
5. Approver.
The approver is a WorkSafeBC staff member responsible of reviewing and approving or rejecting any proposed change or new submission to the WorkSafeBC published content.
6. Relationship Manager.
The relationship manager is a WorkSafeBC staff member responsible for managing the relationships with the franchises. The relationship manager reviews and approves the franchise applications and the franchise sites.
7. Administrator.
The administrators will manage the application and its configuration. The administrators will moderate the forum, manage the franchise users and perform massive content importations to the WorkSafeBC site.
Judging criteria :
1. Overall, the client wants to look simple, clean, light, and impressive storyboard.
2. The completeness of your storyboard.
3. The quality of your design as well as following the provided guidelines.
4. How well you follow wireframes layout Or provides new idea about how the screen must looks.
Submissions & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPEG or PNG file in RGB color mode at 72dpi and place a screenshot of your submissions within it.
Submission File
All requested Contest Requirements stated above in PNG files.
IMPORTANT - If you are submitting "small updates or changes" with multiple submissions please include in your notes file what is different or changed - this can be confusing to the client sometimes when they can't tell what is different.
Source Files
All requested Contest Requirements stated above in PSD files.
Final Fixes
As part of the final fixes phase you may be asked to modify your storyboard.
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.