Challenge Summary
Welcome to CompanyY – Modern City Design Concepts Challenge!
CompanyY is a 100 years old manufacturing company who has managed their IT in the traditional ways until now. They have embraced a new modern way to develop internal IT solutions and have drawn this parallel to building a new modern city. They would like to use symbolic graphics of building a city and superimpose it on an IT strategy paradigm. They have asked you to build a landing page and 5 sub pages to teach these concepts to their internal IT staff.
This challenge is focused on creating design concepts/visual ideas to create a website for CompanyY for an internal homepage, which will have a simple interactive city map. The Map will be used to enable the navigation around the different themes of the city, which will tell the different parts of the transformation.
Round 1
Submit your design for a Checkpoint feedback:
1. Homepage.
2. Digital Services Layer.
3. Security-Plus in a Public World.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Round 2
Final Design plus any Checkpoint feedback:
1. Homepage.
2. Digital Services Layer.
3. Security-Plus in a Public World.
4. Data to Understand and Anticipate.
5. User-Centric Approach.
6. Optimized IT.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Challenge Description:
The goal of this challenge is to design the screens for CompanyY (1 landing page and 5 sub pages) to illustrate their new development methodology as an analogy of building a modern city. The winning solution will marry visual iconography from both Architecture/construction and IT: Think city cutaway drawing, blueprints, fiber optics, backhoes, for the physical construction concept and clean crisp Dev iconography like the ones found on heroku, apple, or aws. Clean simple!
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Main Features:
- 1 Landing page that is a large graphic image map based on the concept of building a new city that has links to the 5 sub pages.
- 5 Subpages that pull visual iconography from both the architecture construction industry and clean modern graphics. The theme of each sub page is below. All sub pages should have graphics and room for 2 or 3 paragraphs about the topic. There is inspiration for some of the pages below however you a free to come up with your own. Since some are more difficult to visualize.
Supporting Documents:
- Modern City Concept (Modern City.png).
Screen Sizes:
- Desktop: Width of 1280px and height as required.
Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp! It will be great if you can provide the landscape version.
Required Screens:
1. Homepage:
- The client really likes the way the Heroku home page is organized and how it functions. They'd like to see something as clean and easy to use as this. The image of the city is actually quite appropriate for this project.
- The client also like the slider (rotator found in the page).
- The client also like the icons found in everything you need to build, run and scale.
- Also the client like the slider found in Apple Mac Pro Page.
- This page will contain a city map that will allow user to enable the navigation around the different themes of the city:
-- Digital Services Layer.
-- Security-Plus in a Public World.
-- Data to Understand and Anticipate.
-- User-Centric Approach.
-- Optimized IT.
- Check (Modern City.png); this is one idea of a city under construction. This is just a concept and you are welcome to come up with an alternative. The reason we like this image is because it show not just the buildings but it shows the infrastructure underneath. This is a very import concept that should permeate through the entire design.
2. Digital Services Layer:
Theme: A set of infrastructure upgrades that are required to power just about any digital or transport service in the modern city.
Inspiration: Pipes, telephone poles, fiber optics, roads
3. Security-Plus in a Public World:
Theme: A set of security and privacy services that enable the growing population to survive safely, and maintain a level of control over their belongings and information within the increasingly populated space.
Inspiration: policeman, bank vault, crossing guards.
4. Data to Understand and Anticipate:
Theme: New digital entertainment, communication or transport services must provide exceptional customer experiences; else the residents may leave or not adopt those new services
Inspiration: Data, theaters, digital billboards, kiosks, ipads.
5. User-Centric Approach:
Theme: A strong focus on ensuring the residents of the city understand the change, that they see and understand the value of the new services, and that they are patient during the renovations and modernizations.
Inspiration: people.
6. Optimized IT:
Theme: Residents will maximize the use of services in the modern city through insights that are easily accessible, such as which are the best way to navigate around the city in rush hour; as well providing the city management team the ability to understand and anticipate new experiences and services through the analysis of data.
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Target Audience:
- Modern City IT Solutions Customers.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
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 for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
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.