Challenge Summary
Welcome to "Intranet Website Design Challenge". In this challenge, we are looking for your help to create a visual design for our intranet website that will be used as a marketing portal information about service that we provide/offers to business units, stakeholders, etc within our global organization. Your design creation needs to be creative, clear, simple, easy to use, and offer a great CTA.
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
01) Homepage (Desktop + Mobile)
02) Capabilities Detail Screen (Desktop + Mobile)
03) Interaction Screen (Desktop)
- As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have the correct flow. Use the proper file numbers, (1, 2, 3, etc.)
01) Homepage (Desktop + Mobile)
02) Capabilities Detail Screen (Desktop + Mobile)
03) Interaction Screen (Desktop)
- As part of your Final submission, you must replace your checkpoint submission with the final submission into MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have the correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. Let us know if you have any questions in the challenge forum!
Round 1
Submit your initial design for a Checkpoint Feedback01) Homepage (Desktop + Mobile)
02) Capabilities Detail Screen (Desktop + Mobile)
03) Interaction Screen (Desktop)
- As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have the correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Round 2
Submit your Final Design plus Checkpoint Updates01) Homepage (Desktop + Mobile)
02) Capabilities Detail Screen (Desktop + Mobile)
03) Interaction Screen (Desktop)
- As part of your Final submission, you must replace your checkpoint submission with the final submission into MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have the correct flow. Use the proper file numbers, (1, 2, 3, etc.)
Background Overview
We are an IT Technology Center for a global organization. We would like to set up an intranet website for the services offered, so our organization can see what services and capabilities can be utilized from our center.
Challenge Goal
The goal of this challenge is to develop UI/UX for an intranet web application within our organizations that will allow our partners, business units, stakeholders within our global organization to find information about our service offers
Design Consideration
- Simple, Clean, Professional, and Intuitive look and feel
- Simplicity to find any necessary information
- Needs to offer a great focus CTA to the user
- Best Practice for Responsive Web-Based App (Desktop and Mobile)
- Easy to understand flow from page to page
- Intuitive for the user; should never be left asking "what do I do next?"
- Easy viewing for pages that may be over overcrowded with information (eg. when hovering over an item will enlarge for easy viewing or similar)
Challenge Forum
If you have any doubts or questions regarding challenge requirements, please ask in our challenge forum:
Screen Requirements
For this challenge, we are looking for the below pages to be designed/considered in your concepts. The screen functionality details listed below are suggested functionality for consideration. Do not allow the suggestions below to impact the creativity of design. If there is a better way to accomplish the same goal, then feel free to take creative liberties.
01) Homepage (Desktop + Mobile)
- Default screen when user open the intranet website
- This screen should give an overview of our center core and its high-level capabilities
- We are looking for a creative and interactive approach for this intranet website, not just a plain and boring marketing site
- We are offering the following 4 services:
-- Cyber Fusion
-- Solutions
-- Enterprise Command
-- Service Capability
- Each of these services has the following capabilities:
-- Cyber Fusion
1. Cyber Fusion Centre
2. Business Information Security (BISO Hub)
3. Security Awareness
4. Security Engineering
5. Security Services
-- Solutions
1. Cloud
2. Work Place User Experience
3. Architecture and Design
4. Technology Engineering
-- Enterprise Command
1. Enterprise Command Control
2. Technical Assurance
3. Service Integration
4. Data Centre Services
-- Service Capability
1. Communications
2. Transformation Office
3. Project Services
- Ability to drilled down into each service capabilities detail screen
02) Capabilities Detail Screen (Desktop + Mobile)
- Each of the capabilities areas must have:
-- A Mission Statement
-- Who we are: Local Team, Global Team, and Key Suppliers
-- What we do: Activities performed
-- How we do it: How is the capability delivered
-- Questions and Enquiries: Contact information
- We provide content example for one of the 'Cyber Fusion' capabilities which is 'the Business Information Security (BISO Hub)'. The detail information for this capabilities is available in "CS Svcs Template Sample.pptx".
- We provide content example for one of the 'Cyber Fusion' capabilities which is 'the Business Information Security (BISO Hub)'. The detail information for this capabilities is available in "CS Svcs Template Sample.pptx".
03) Interaction Screen (Desktop)
- We would encourage our people to interact with us and leave comments about the services and also use these screens maybe as a feedback tool
Important:
- Keep things consistent. This means all graphics styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Marvel Prototype
- We need you to upload your screens to Marvel App.
- Please send your marvel app request to fajar.mln@gmail.com (Challenge Copilot)
- You MUST include your Marvel app URL (in your marvel app prototype, click on share and then copy the link & share it with your notes/comment this link while you upload).
Branding Guidelines
- Follow Our Branding Guidelines Document
Documentation
- Branding Guidelines Document
- CS Svcs Template Sample.pptx (contains information example for a capability)
Target Devices
- Responsive web application
- Desktop: minimum 1366px Width with Height adjusted accordingly
- Mobile: 750x1334px
Target Audiences
- All Individuals in our global organization (Internal Employees)
Judging Criteria
Your submission will be judged on the following criteria:
- Overall idea and execution of concepts
- How well does your design align with the objectives of the challenge
- Execution and thoughtfulness put into solving the problem
- The overall design and user experience
- Cleanliness of screen design and user flow
- Ease of use
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
- MarvelApp link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop, Illustrator (Might need to convert it to PSD later), XD, or Sketch and saved as an editable layer
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.