Challenge Summary
Welcome to the Seto IT Services Icon Sets Design Contest. The goal of this contest is to design a clear and intuitive icon set for different sections of the IT Services internal site. Imagery should tell the story and direct the user to important calls to action, instantly.
Round 1
Following icon series are need submitted for client review.
1. Main Page
2. Admin Assistant
3. Communicating
4. Computers
5. IT Employees
6. Meetings
Round 2
Final design for client review.
1. Main Page
2. Admin Assistant
3. Communicating
4. Computers
5. IT Employees
6. Meetings
7. Mobile
8. New Employee
9. Sharing
10. Traveler
Seto IT Services site allows our employees to find and access different services and help sections they need as well as see helpful or important related news and announcements.
This time we need redesign icon series to more visual and the goal is to use intuitive icons to present each of the site sections.
Files included:
- primary_colors .png: The company main colors
- TopCoder IT Services icons project.pdf: A PDF document with description for each of the sections that need icons
- IT Services Main Page Redesign.png: A screenshot of the new IT Services main page
- IT Sevices Second Level Page 1.png: First screenshot for the new design of the secondary level page
- IT Sevices Second Level Page 2.png: Second screenshot for the new design of the secondary level page
Icon Design Requirement
- All new icon series must have same design theme.
- All icons need represent the page purpose, so when user see the icon they can understand at first glance.
- We provided starting image to help you figure out how the icons should looks.
- Icon design need looks clean and professional.
- Size needed: 114 x 114 px and 72 x 72px.
- The icons must presented in the included screenshots are for sample demonstration purposes and they are not meant to give specific directions for the icon design.
- You also need create white screens contain all required icon design.
- The icons don't have to be restricted to the company's main colors (primary_colors .png), but they should at least match them and be very intuitive to the users.
- Don't use the orange color in the icons.
- Site reference of icon sets like our expected design:
http://www.smashingapps.com/2012/03/29/50-fresh-icon-sets-for-developers-and-designers.html
http://www.underworldmagazines.com/30-inspirational-vector-icons-set-for-designing-professionals/
http://speckyboy.com/2011/12/12/top-50-web-development-design-and-application-icon-sets-from-2011/
These are icons needed as submission on this contest:
Alert! all icons must recreated, and must show original design, DO NOT copy image from provide pdf.
1. Main Page
Put your icons on IT Services Main Page Redesign.png as demonstration purpose.
- IT Service Catalog
-- Description: A list of the main services provided by IT Services
- Employee Solutions
-- Description: Popular services and activities based on the user’s job role
- Business Applications
-- Description: A list of the popular applications available within the company
- IT Resource Center
-- Description: Interactive library of IT related information
2. Admin Assistant
Put your icons on IT-Sevices-Second-Level-Page-1.png as demonstration purpose. Add new menu in the left sidebar of "Admin Assistant".
- Facility Service Request
-- Description: Form to request services from site facility
- New Hire Account Requests
-- Description: Form to request accounts for new hire employees
- Out-of-Office Assistant:
-- Description: DUPLICATE – in Traveler section
3. Communicating
Put your icons on IT-Sevices-Second-Level-Page-1.png as demonstration purpose. Make sure you update top title and active menu left sidebar to "Communicating".
- Chatter
-- Description: An application by salesforce.com that allows sharing of information and collaboration
- DISA Information
-- Description: A method of placing a phone call using our internal global network
- Telephone Calling Guide
-- Description: This is a PDF document that describes different ways to place telephone calls around the world
- Telephone
-- Description: Information on company telephone systems
4. Computers
Put your icons on IT-Sevices-Second-Level-Page-1.png as demonstration purpose. Make sure you update top title and active menu left sidebar to "Computers".
- Apple Support
-- Description: Information on Apple computer support
- Browser Information
-- Description: Information on supported browsers
- Laptop & Desktop Standards
-- Description: List of standard configurations for desktop and laptop computers
- Reporting Spam
-- Description: Information on how to report spam email that was received
- Company Visitor Wifi Access
-- Description: Process for requesting wifi access for company visitors
5. IT Employees
Put your icons on IT-Sevices-Second-Level-Page-1.png as demonstration purpose. Make sure you update top title and active menu left sidebar to "IT Employees".
- Data Center - Scheduled Maintenance
-- Description: Calendar information on dates when the Data Center will be performing scheduled maintenance
- Email Communication Process Flow Charts & Information
-- Description: Email communication requests and process flow information
- Processes, Metrics & Links
-- Description: Collected information presented in a graphical form
- Quarter End Maintenance Blackout
-- Description: Calendar information on when changes can not take place
6. Meetings
Put your icons on IT-Sevices-Second-Level-Page-1.png as demonstration purpose. Make sure you update top title and active menu left sidebar to "Meeting".
- Audio Only
-- Description: Information on how to set up and conduct audio-only meetings
- Conference Rooms
-- Description: Information on conference rooms available at our facilities
- Google Video Chat
-- Description: Information on using Google video chat application
- Video Conference
-- Description: Information on using our video conferencing system
- Webex
-- Description: Information on using WebEx application for web based meetings
7. Mobile
Put your icons on IT-Sevices-Second-Level-Page-1.png as demonstration purpose. Add new menu in the left sidebar of "Mobile".
- Google Account Wireless Access Request
-- Description: Form to request corporate wireless access and access to Google applications suite
- Mobile Device Resource Center
-- Description: Information on mobile device usage and support
- Mobile Metrics
-- Description: Information on mobile device usage in the corporation
8. New Employee
Put your icons on IT-Sevices-Second-Level-Page-1.png as demonstration purpose. Add new menu in the left sidebar of "New Employee".
- Software Downloads
-- Description: Web site to download properly licensed software
- HR Data Manager
-- Description: Form to update personal HR information
- New Employee Information
-- Description: Web site that provides information to new employees
- The Company printers
-- Description: Web site to install printer drivers to use corporate network printers
9. Sharing
Put your icons on IT-Sevices-Second-Level-Page-1.png as demonstration purpose. Make sure you update top title and active menu left sidebar to "Sharing".
- Collaboration Information
-- Description: Information on Apple computer support
- External File Sharing
-- Description: Information on how to share files external to the corporation
- Internal File Sharing
-- Description: Information on how to share files internally
- Quickr
-- Description: Information on Quickr application
10. Traveler
Put your icons on IT-Sevices-Second-Level-Page-1.png as demonstration purpose. Add new menu in the left sidebar of "Traveller".
- Convert Soft Token for Mobile Use
-- Description: Instructions on converting a RSA soft token for use on a mobile device
- Delegation Of Authority
-- Description: Information on setting up Delegation of Authority on computer systems
- Out of Office
-- Description: Information on what to do when you are going to be out of the office for an extended period
- RSA Token
-- Description: Process to request a RSA soft token
Target User
- IT Services customer
Judging Criteria
- High Quality and Cleanliness of your icons.
- Innovation, creativity and originality.
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it. You are free to resize or crop your submission to fit this size, but do not add any filters or elements for dramatic effect, such as drop shadows or reflections.
Submission File
Submit JPG/PNG for your submission file based on requirements stated above.
Source Files
All original source files. Original source files should be saved as layered Photoshop PSD files or AI / EPS (Illustrator) files.
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.