Challenge Summary
Welcome to IBM - SiBM - Customer Spotlight Design Challenge. We are looking for your help to come up with the designs for a mobile application that will allow IBM Employees to Know their customers while they engage with IBM worldwide, you have been provided with wireframes from the previous challenge for content reference!
The Focus on creating a simple and engaging mobile experience. Make sure to embrace the IBM Design Language when planning your solution.
Good luck on this challenge.
Round 1
Submit your initial designs for Checkpoint Feedback
- Please submit your screen for iPhone portrait!
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Please note any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Your Final designs for all the required designs with all Checkpoint Feedback implemented.
- Please submit your screen for iPhone portrait and landscape views!
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Please note any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
This project deals with the creation of a mobile app that allows the users to “Know Your Customer” while they engage with IBM Worldwide. The app provides handy & meaningful business insight at your finger-tips as you interact with your clients.
The Info available is of two types:
- Internal: What is our experience with this customer - what do they have deployed, for example, or what open criticism do they have.
- External: Info about the customer - latest news, important information about their business area/ competitors.
This will be a mobile app, which will be deployed on dedicated Bluemix.
Design Considerations:
- Looking for modern, FLAT, intuitive user interface
- Focus on the design being a great user experience, think simple but effective solutions!
- Give importance to the overall layout and think on how a user would interact with the content on the page.
- You need to follow the IBM design guidelines.
- We have provided a wireframe, please use it as a reference and do not COPY them (wireframe is just provided for content reference).
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together in the application
- How should this mobile application look?
- What should the priority features be?
- Stock Photos: Feel free to use any images related to this concept.
IBM Design Guidelines:
All submissions MUST follow IBM Design Language, please refer to the client website: http://www.ibm.com/design/language/index.shtml
-- Layout: http://www.ibm.com/design/language/framework/visual/layout.shtml
-- Typography: http://www.ibm.com/design/language/framework/visual/typography.shtml
-- Iconography: http://www.ibm.com/design/language/framework/visual/iconography.shtml
-- Color: http://www.ibm.com/design/language/framework/visual/color.shtml
-- Interaction: http://www.ibm.com/design/language/framework/interaction/introduction.shtml
-- App Inspiration: http://www.ibm.com/design/language/inspiration.shtml
-- Click around Client Design Brand site to get familiar with more client design brand that not stated on this challenge spec.
-- Creativity is also welcome!
Design Size:
This app will designed for the native mobile environment and this challenge focuses on iOS:
- 750 x 1334 px (iPhone 6 Portrait)
- 1334 x 750px (iPhone 6 Landscape)
Required Screens:
1) User log In:
- Only IBM employees will be accessing this application using their IBM ID/Password.
- Users will be prompted to log in with their IBM Intranet ID and password.
2) First Time Use:
- They pick which customers they are interested in, so we show a list of customers to the user and they choose their favorites! This is like when you first log in to Pinterest, or another site that has a lot of choices -- give them a way to “prime” their UI with customers of interest.
3) Main Content (All News/Case-Study/etc..):
- In these screen, we show the news/case-studies/etc.. for each of the customers
- Do you have a better way on how things can be arranged?
- Users will have the ability to make a news item as favorite.
- At any point, users will be able to add the customer / remove the customer or any other settings.
News:
- We had provided examples links for the news, you may use the content from these.
- We would like you to include the date/time of the news..
Example News:
- http://www-03.ibm.com/press/us/en/pressrelease/47777.wss
- http://www-03.ibm.com/software/businesscasestudies/pk/en/corp?synkey=H790800C39641V80
- http://www.computerweekly.com/feature/Barclays-and-IBM-opt-for-35m-risk-and-reward-deal
- https://www.youtube.com/watch?v=Q3Umh-F5_6w
- http://www.theactuary.com/archive/old-articles/part-4/hsbc-insurance-chooses-ibm-analytics-for-solvency-ii-task/
- http://timesofindia.indiatimes.com/tech/tech-news/Bharti-Airtel-signs-new-5-year-contract-with-IBM/articleshow/33152988.cms
- http://www-03.ibm.com/software/businesscasestudies/us/en/corp?synkey=K350307J91081M27
- http://www.americanbanker.com/news/bank-technology/why-citi-is-buying-ibms-new-mainframe-for-mobile-transactions-1072161-1.html
4) Settings / Edit Customer:
- User will have the ability to edit/change the industry and list of customers under that industry.
5) Favorites:
- Users will have the ability to view all the items that they had added as a favorite
- They should have the ability to remove an item from favorite.
6) Navigation:
- Come up with a style for the overall navigation
- How they need to look like?
- We would like you to include icons for each of the item shown in the navigation..please go through IBM guidelines to follow any standard guidelines.
7) Style Tile:
- We would like you to create a style tile that will help developers.
- This Style Tile need to have the below at a minimum but feel free to add anything that would help developers.
- Explore these references to learn more about style tiles: Reference 1, Reference
Links / Buttons Colors:
- Button colors (normal / hover states)
- Link colors (normal / hover states)
Typography:
We would like you to identify and define the list of fonts and the specific color, font size used, etc..
- Headers
- Sub-headers.
- Paragraphs.
- etc.
Target Audience:
- Only IBM Employees
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Your design should possible to build and make sense as a mobile application
- 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 files
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.