Challenge Summary
CHALLENGE SUMMARY
Welcome to the “WHQ Tech Digital Wayfinding UI Design Challenge”. In this challenge we are looking to think and design a new Android application that will help guide and familiarise WHQ Employees in a new campus style environment encompassing three buildings .
Let us know if you have any questions in the forum. Good luck!
1) Initial Solution Screens
Please provide a MarvelApp Presentation (see details below).
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Submit your final design plus checkpoint feedback.
1) Final Solution Screens
Please provide a MarvelApp Presentation (see details below).
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Background information
We need to provide a simple and intuitive solution that helps WHQ employees, Work related visitors and non-inducted personnel invited by a WHQ Employee, to find their own way on the WHQ Campus. This application will be developed for Android Devices (See below), so have this in mind while designing.
Key Requirements
- This design should be really straight forward and easy to use.
- Follow client branding guidelines (see below). We need to work with these colors only. Do not reinvent colors.
- Target device is Android Phone. Use 1080px (width) and 1920px (height) for your design.
- Designs should be clean. simple and minimalist. Avoid the use of stock images as background.
- Do not design a logo on this challenge. Just add “WHQ Tech” as your logo or use a placeholder. Any approach is ok.
- Your must design the floorplans to be used on your solution. They should not be too detailed or complicated. Final and real floorplans will be replaced later on development phase.
- Design a floorplan with clean styles that can be easily adaptable to any floorplan in the future.
- Final solution must be done on Adobe Photoshop or Illustrator only.
We have created an Invision board with branding elements that should be used on your design:
https://projects.invisionapp.com/boards/DW3DJFS8CF9Q4/
User Stories
A) Indoor Mapping
- As a WHQ Tech Employee, I want to view a map of the WHQ Campus
- As a WHQ Tech Employee, I want to view a map of each building
- As a WHQ Tech Employee, I want to view a map of each floor
- As a WHQ Tech Employee, I want to view the rooms on a floor
- As a WHQ Tech Employee, I want to view the points of interest on a floor
- As a WHQ Tech Employee, I want to view a description of a floor
- As a WHQ Tech Employee, I want to view a description of a room
- As a WHQ Tech Employee, I want to view a description of a point of interest Points of interest include: Lifts, Fire Extinguisher, First Aid, Automated External Defibrillator (AED), Café/Service, Mail, Screen, Notice Board, Restroom (M/F/Unisex Accessibility), Showers, Lockers, Water, Concierge
- As a WHQ Tech Employee, I want to search for a point of interest based on its type
- As a WHQ Tech Employee, I want to search for a room based on its type
B) Indoor Positioning
- As a WHQ Tech Employee, I want to see my location on a floor
- As a WHQ Tech Employee, I want to see the location of fire-wardens
- As a WHQ Tech Employee, I want to see the location of first-aiders
- As a WHQ Tech Employee, I want to see a floor directory of who is currently on a floor
- As a WHQ Tech Employee, I want directions from one location to another
C) Meeting Rooms
- As a WHQ Tech Employee, I want to search for all available rooms
- As a WHQ Tech Employee, I want to search for all available rooms nearest to my location
- As a WHQ Tech Employee, I want to view the current booking status of a room
- As a WHQ Tech Employee, I want to book a room which is available
- As a WHQ Tech Employee, I want to extend my room booking
- As a WHQ Tech Employee, I want to cancel my room booking
D) Desks
- As a WHQ Tech Employee, I want to see which desks are free
- As a WHQ Tech Employee, I want to see which desks are occupied
Required Screens
- On this challenge you only need to design the basics iterations for this application.
- You will be working on a simple floor as reference.
- The focus of your design should be:
- - Search: Users should be able to search: People, key and Interest Points, Offices and areas inside the campus.
- - - Persona Result: You must show a scenario of a result when a persona is found.
- - - Office Result: You must show a scenario of a result when an office is found.
- - - Key Area Result: You must show a scenario of a result when a key area is found.
- - Floor Overview: How the maps should be presented. 2D flat, 3D, isometric, etc.
- - Filters: How users will interact with this application to search and find the locations and items on any location: Lifts, Fire Extinguisher, First Aid, Automated External Defibrillator (AED), Café/Service, Mail, Screen, Notice Board, Restroom (M/F/Unisex Accessibility), Showers, Lockers, Water, Concierge.
- - Floor Selection Menu: From any floor, users should be able to select another floor from the entire campus.
- - Room Overview - Available Rooms: Which rooms are available for meetings
- - Room Overview - Booking a Room: Show how a room can be booked for a meeting. Have in mind that a meeting might have: Date, Time, Number of Assistants, extra features like: TV and Wifi Access for Guests should be able to choose.
Branding Guidelines
- Please use the following guidelines in your design: https://projects.invisionapp.com/boards/DW3DJFS8CF9Q4/
- You can use icons from: icon8 and Flaticons. Remember to declare them.
Wireframes
- You can download the wireframes from this link: https://drive.google.com/open?id=0Bza1qtSwQr8UYjdJQmNHQ004SG8
- These wireframes are just an example. You need to propose something new. Not just add colors to the wireframes.
Target Audience
- WHQ Employees
- Facilities Managers
Marvel Prototype
- Please upload your file into Marvel App.
- We want to use Marvel App to provide direct and fast feedback. We can also track your design updates and screen versions within Marvel App.
- No additional functionality is required. Just make sure your screen(s) are in the correct viewing order (number them 00, 01, 02, 03, etc.)
- You must include your Topcoder Marvel App URL within your .Notes file
Judging Criteria
- Creativity and innovation
- Overall new concepts and execution/design of your concepts
- How well your design aligns with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- Overall design and user experience
- Cleanliness of screen design and user flow
- Winners will be determined by client in its sole discretion, and all decisions are final.
Submission Deliverables
Preview Image
Please create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place your submissions 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
All requested Contest Deliverables in JPG or PNG file format in RGB color mode at 72dpi.
Source Files
All original source files of the submitted design if applicable.
Welcome to the “WHQ Tech Digital Wayfinding UI Design Challenge”. In this challenge we are looking to think and design a new Android application that will help guide and familiarise WHQ Employees in a new campus style environment encompassing three buildings .
Let us know if you have any questions in the forum. Good luck!
Round 1
Submit your design for a checkpoint feedback.1) Initial Solution Screens
Please provide a MarvelApp Presentation (see details below).
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Round Two (2)Submit your final design plus checkpoint feedback.
1) Final Solution Screens
Please provide a MarvelApp Presentation (see details below).
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Background information
We need to provide a simple and intuitive solution that helps WHQ employees, Work related visitors and non-inducted personnel invited by a WHQ Employee, to find their own way on the WHQ Campus. This application will be developed for Android Devices (See below), so have this in mind while designing.
Key Requirements
- This design should be really straight forward and easy to use.
- Follow client branding guidelines (see below). We need to work with these colors only. Do not reinvent colors.
- Target device is Android Phone. Use 1080px (width) and 1920px (height) for your design.
- Designs should be clean. simple and minimalist. Avoid the use of stock images as background.
- Do not design a logo on this challenge. Just add “WHQ Tech” as your logo or use a placeholder. Any approach is ok.
- Your must design the floorplans to be used on your solution. They should not be too detailed or complicated. Final and real floorplans will be replaced later on development phase.
- Design a floorplan with clean styles that can be easily adaptable to any floorplan in the future.
- Final solution must be done on Adobe Photoshop or Illustrator only.
We have created an Invision board with branding elements that should be used on your design:
https://projects.invisionapp.com/boards/DW3DJFS8CF9Q4/
User Stories
A) Indoor Mapping
- As a WHQ Tech Employee, I want to view a map of the WHQ Campus
- As a WHQ Tech Employee, I want to view a map of each building
- As a WHQ Tech Employee, I want to view a map of each floor
- As a WHQ Tech Employee, I want to view the rooms on a floor
- As a WHQ Tech Employee, I want to view the points of interest on a floor
- As a WHQ Tech Employee, I want to view a description of a floor
- As a WHQ Tech Employee, I want to view a description of a room
- As a WHQ Tech Employee, I want to view a description of a point of interest Points of interest include: Lifts, Fire Extinguisher, First Aid, Automated External Defibrillator (AED), Café/Service, Mail, Screen, Notice Board, Restroom (M/F/Unisex Accessibility), Showers, Lockers, Water, Concierge
- As a WHQ Tech Employee, I want to search for a point of interest based on its type
- As a WHQ Tech Employee, I want to search for a room based on its type
B) Indoor Positioning
- As a WHQ Tech Employee, I want to see my location on a floor
- As a WHQ Tech Employee, I want to see the location of fire-wardens
- As a WHQ Tech Employee, I want to see the location of first-aiders
- As a WHQ Tech Employee, I want to see a floor directory of who is currently on a floor
- As a WHQ Tech Employee, I want directions from one location to another
C) Meeting Rooms
- As a WHQ Tech Employee, I want to search for all available rooms
- As a WHQ Tech Employee, I want to search for all available rooms nearest to my location
- As a WHQ Tech Employee, I want to view the current booking status of a room
- As a WHQ Tech Employee, I want to book a room which is available
- As a WHQ Tech Employee, I want to extend my room booking
- As a WHQ Tech Employee, I want to cancel my room booking
D) Desks
- As a WHQ Tech Employee, I want to see which desks are free
- As a WHQ Tech Employee, I want to see which desks are occupied
Required Screens
- On this challenge you only need to design the basics iterations for this application.
- You will be working on a simple floor as reference.
- The focus of your design should be:
- - Search: Users should be able to search: People, key and Interest Points, Offices and areas inside the campus.
- - - Persona Result: You must show a scenario of a result when a persona is found.
- - - Office Result: You must show a scenario of a result when an office is found.
- - - Key Area Result: You must show a scenario of a result when a key area is found.
- - Floor Overview: How the maps should be presented. 2D flat, 3D, isometric, etc.
- - Filters: How users will interact with this application to search and find the locations and items on any location: Lifts, Fire Extinguisher, First Aid, Automated External Defibrillator (AED), Café/Service, Mail, Screen, Notice Board, Restroom (M/F/Unisex Accessibility), Showers, Lockers, Water, Concierge.
- - Floor Selection Menu: From any floor, users should be able to select another floor from the entire campus.
- - Room Overview - Available Rooms: Which rooms are available for meetings
- - Room Overview - Booking a Room: Show how a room can be booked for a meeting. Have in mind that a meeting might have: Date, Time, Number of Assistants, extra features like: TV and Wifi Access for Guests should be able to choose.
Branding Guidelines
- Please use the following guidelines in your design: https://projects.invisionapp.com/boards/DW3DJFS8CF9Q4/
- You can use icons from: icon8 and Flaticons. Remember to declare them.
Wireframes
- You can download the wireframes from this link: https://drive.google.com/open?id=0Bza1qtSwQr8UYjdJQmNHQ004SG8
- These wireframes are just an example. You need to propose something new. Not just add colors to the wireframes.
Target Audience
- WHQ Employees
- Facilities Managers
Marvel Prototype
- Please upload your file into Marvel App.
- We want to use Marvel App to provide direct and fast feedback. We can also track your design updates and screen versions within Marvel App.
- No additional functionality is required. Just make sure your screen(s) are in the correct viewing order (number them 00, 01, 02, 03, etc.)
- You must include your Topcoder Marvel App URL within your .Notes file
Judging Criteria
- Creativity and innovation
- Overall new concepts and execution/design of your concepts
- How well your design aligns with the objectives of the challenge
- Execution and thoughtfulness put into the solving the problem
- Overall design and user experience
- Cleanliness of screen design and user flow
- Winners will be determined by client in its sole discretion, and all decisions are final.
Submission Deliverables
Preview Image
Please create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place your submissions 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
All requested Contest Deliverables in JPG or PNG file format in RGB color mode at 72dpi.
Source Files
All original source files of the submitted design if applicable.
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.