IBM SnapThx Mobile App Design Concept Challenge

Welcome to the "IBM SnapThx Mobile App Design Concept Challenge"! 

Our client wants a very simple, fun, easy-to-use, quick mobile version of sending a personalized "thank you" message to other employees via their mobile device. Similar to other photo + chat apps, IBM wants to quickly design and build a mobile application that allows the user to take a picture or selfie on their mobile device, select from pre-loaded backgrounds / scenes which have space in the image for text, add a personalized message, then preview a newly rendered version of that image, or go back and try a different scene, etc. Once a picture from the camera, or image from the gallery has been selected and the personalized background is complete, the user will enter an employee/recipient name which will be expedited using IBM's type ahead API (to quickly search for, and suggest a list of employees while typing). Once a recipient has been chosen the user can then click send and the "thanks" will be posted to IBM's internal social platform, IBM Connections (via API). 

Round 1

01. Splash and Login screen (see attachments for logos and IBM mobile app standard login screen)
02. Capture Selfie Screen
03. Edit Photo Screen

Round 2

01. Splash and Login screen (see attachments for logos and IBM mobile app standard login screen)
02. Dashboard Screen
03. Capture Selfie Screen
04. Edit Photo Screen
05. Share Photo Screen

Challenge Goals
Create a design concept and click paths of the SnapThx mobile (IOS 7+ and Android 4.4+ <KitKat> for both phones and tablets) application used to give a personalized photo (from gallery or camera) to other employees within the client's organization to show their gratitude to co-workers. This app should be a very quick & simple UX that allows end users to snap a photo (could be selfie), pick from one of the *included* backgrounds / scenes, personalize it with a message, and then select a recipient using IBM's type-ahead API to lookup a contact. Once the picture, scene, message, and recipient have all been selected, the app will render a new image by merging the photo + background + text (thank you) message. Please read more details below!

User Scenario
Jenny is a fairly new employee who is still learning her way around the company. She has received a great deal of help from her colleague Bob who has spent a great deal of time helping Jenny find the right tools, internal contacts, various forms, and has also taught her about the company culture. Jenny was able to ramp-up quickly and wants to thank Bob personally, but also give Bob public recognition to their collegaues and superiors within their IBM Connections (IBM Social Platform) network. Jenny is told by another coworker about this cool new mobile app called SnapThx, that will allow her to post a photo of herself, pick a fun background, and write a short note expressing her gratitude. The mobile app will render the image an post it on Bob's IBM Connections board for his manager and colleagues to see.

Devices:
Apple IOS 7+ iphones and iPads
Android 4.4+ (KitKat) mobile phones and tablets

Suggested Screens
We would like you to suggest features/screens that this app should incorporate

01. Splash and Login screen (see attachments for logos and IBM mobile app standard login screen)
- This is the default page that user will see when they open the application.
- Create simple logo for this application.
- Includes our client company logo somewhere in these screens.
- The splash screen and login screens needs to be interactive, fun and engaging for the user to take selfie picture!
- Please add the following field in the login screen, 2 fields -- one titled "IBM Intranet ID" and one titled "Password", A button called "Log in", A place for branding, The rest of the page belongs to the app -- it should show the app name, some nice graphics, etc.!

02. Dashboard Screen
- This would be the application's main dashboard that a user would see after successful login.
- This screen should provides a quick access navigation to go to the "Capture Selfie" screen.
- What should be provide in this screen? Random image list of co-workers that has taken their selfie using this apps? big button to take selfie image? what is your suggestions?
- We would also like to see what the main navigation menu would look like that will be accessible from every screen within the application.
- Explore how this page should work (and keep it simple!)

03. Capture Selfie Screen
- User can navigate to this screen from dashboard.
- User will have two choices here, take picture directly from their camera phone or use their existing images in the apps or phone image directory.
- User can take picture from their phone camera and use it directly or save it first to the application for later usage.
- Explore how this page should work (and keep it simple!)

04. Edit Photo Screen
- Once user finally choose their selfie pictures, there should be some ability to edit their picture and added some effects in the selfie picture.
- One of the effect that should be available is ability to pick their selfie background, user can choose from variety background screen in the apps. Please create several screen backgrounds creation for user selection that can be merged to their photos. 
- Another effect that should be available is the ability to have background or image for adding text in their selfie images.
- Each effects should have their own screens, it will be like a wizard styles (for ex. choose photos -> choose background -> choose text -> etc.), Should the user have ability to preview the images result before save the edited selfie image? What would you suggest to us?
- What kind of images filter and effects that should be available next? Crop image? vintage style effect? give us your ideas!!
- Ability to save the edited selfie image.- Explore how this page should work (and keep it simple!)

05. Share Photo Screen
- Once user finished choose their selfie pictures and applied some effects on it, the next step is to send the images to co-workers and spread it to the co-workers network.
- The share ability will be handly using "IBM Connections".
- Give us scenario how the share functionality should work? did the user needs to choose their co-workers from selection list, send the images and then set it as public to co-worker network? or any other scenario? show us your ideas!
- Explore how this page should work (and keep it simple!)

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

Design Guidelines
- Font and colors : Open to designers.
- Orientation : Portrait.
- For iOs use 640 x 1136 px resolution
- For Android, use 1920 x 1080 px resolution
- Make sure create all your graphic in 'vector' format (buttons, icons, etc), so when resize for bigger versions, graphic still look sharp!

Design Considerations
- The application should be easy, fun and ease to use.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!

Target Audience
- Internal Employees from Client Company.

Judging Criteria
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your design should possible to build and make sense as a mobile application

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.