Challenge Summary
Welcome to IBM - CXA Online Journey Tool Design Challenge! The Goal of CXA is to improve the way customers look at 'journey maps' and enable digital presentation of a dynamic story. Journey maps take the viewer through a series of 'pain points' and then present how we can enable a better experience. Normally these are done on large sheets of paper with various scenes and information annotated, but we are taking these digital.
Round 1
For your R1 deliverables please submit the following screens:
1) Landing Page
2) Login page
4) My Stories Page
5) Designer page
- 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) Landing Page
2) Login page
3) Story Directory Page
4) My Stories Page
5) Designer page
6) Provide feedback page
- 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)
Application Description:
IBM will demonstrate their innovative capabilities to clients in every touch point of the relationship, starting with sales. To sell innovation with credibility, we created the Client Experience Accelerator (CXA), a SaaS for creating interactive, animated sales presentations available to clients everywhere, on any device.
CXA users are:
1) As a consultant creating a presentation (creator), I need to be able to import graphics onto a canvas (think of slides or scenes), then be able to position, group, layer those graphics. I need these features to be easy to use and the experience should be both simple and powerful.
2) As a creator, I also need to be able to control the animation between elements entering and leaving the viewing area and also the timing, opacity, and order. I also need a text formatting area so that I can insert story text into the journey map.
3) As a viewer, I need to be able to use any browser on desktop, or mobile to access the presentation.
As a result, we need simple, clean, elegant buttons and a clear user interface
Note: We don’t have any branding guidelines; so feel free to suggest the colors.
Required Screen Sizes:
- Desktop Standard Size: 1024px width and height as required.
Design Goals:
- Think how quickly the user can find what he is looking for?
- The application should be easy to use.
- We need simple, clean, elegant buttons and a clear user interface.
- We are looking for a responsive design to adapt to different screen sizes and resolutions.
- You can use the current logo.
- If you can improve the navigation, that would be fine.
- The client doesn't feel that the current design is very innovative. They want something jazzier and that looks more fun to use!
Supporting Documents:
- Can be found on Google Drive, please ask for access in forums by sending your email address so we can share the folder with you.
-- Current UI (CXA Tutorial.pdf)
User Flow:
- Dorothy is a consultant in IBM and Heath is a client.
- Dorothy will be able to create online journey map.
- Dorothy and Heath will be able to view online journey map.
- Heath will be able to provide feedback.
Storyboard Requirements:
- We would like you to suggest features/screens that this app should incorporate:
1) Landing Page:
- Please refer page 2 in CXA Tutorial.pdf
- It should very clearly show what user can do with this application and what the application is all about.
- A user can also click into a “getting started” section to get a more detailed overview of how to use the application.
- User should be able to Sign in or Sign out from the application.
- User should be able to create a new story (online journey map)
2) Login page:
- Ask for IBM ID and Password.
3) Story Directory Page:
- Please refer page 3 in CXA Tutorial.pdf
- User will be able to view a list of all stories saved to the main directory and visible by all.
- User needs to be able to use any browser on desktop, or mobile to access the presentation.
- User should be able to select which online journey map to view.
4) My Stories Page:
- Please refer page 4 in CXA Tutorial.pdf
- User will be able to view a list of all stories saved under his account.
- User should be able to view/edit the stories he created contributed to.
- Story edit/sharing settings can be changed from here; edit options can be found in page 5.
5) Designer page:
- Please refer page 6-20 in CXA Tutorial.pdf
- When creating a new story or opening an existing one, you will be sent to the designer page. This is where you will design your presentations.
- User needs to be able to import graphics onto a canvas (think of slides or scenes).
- User needs to be able to position, group, layer those graphics.
- User needs these features to be easy to use and the experience should be both simple and powerful.
- User also needs to be able to control the animation between elements entering and leaving the viewing area and also the timing, opacity, and order.
- User also needs a text formatting area so that I can insert story text into the journey map.
- User should be able to save his story.
- Once the story is saved, user will have the option to publish the story.
6) Provide feedback page:
- User needs to be able to provide his feedback about the presentation.
- User should be able to select which story to provide feedback for.
Important:
- Keep things consistent; all graphic styles should work together.
- The winner of the challenge will have to pre-slice (the source PSD or AI) with icons, backgrounds, headers, UI elements, avatars, images, buttons, etc. to make it easy to split up for use by IBM developers.
Target Audience:
- Consultants - create content and presentations to show to clients.
- Clients are primarily viewers and view the content and provide feedback.
- In the group of consultants, there will be a creator who originates the story and then contributors on their team who help to modify it.
Judging Criteria:
- Cleanliness of your graphics and design.
- Creativity, user experience and ease-of-use around exploring the org chart is key to the success as it must be engaging to the employee.
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.