IBM Wish Application Mobile Design Challenge

In this challenge we are looking for the [topcoder] community to help us design our new mobile Wish application look and feel. The Wish App is a mobile tool, intended to make it fun and easy to send a holiday or birthday greeting.  Show off your creativity -- can you make this app engaging, and provided fun images for people to include?

We are providing wireframes that help illustrate and explain how we think the Wish mobile application should work... we are looking for your to help design the best interface for our mobile Wish application!  Also included are some sample messages and ideas for images for the messages.  In addition, you'll find the standard color palette used by the client, plus some images for logos.

Good luck - let us know if you have any questions!

Round 1

For Checkpoint review, please provides the following screens for client review

1. Login Screen
2. Home Screen 
3. New Message Screen (page 6)
6. Inbox Screen
7. Inbox Message Screen

Make sure to number your screens in the order to be viewed (01, 02, 03, 04 etc)
 

 

Round 2

All requirements as stated in challenge details with client feedback applied

Our Application will allow users to receive and view greetings sent to them. The application lets users search and select the messages and pictures, schedule the messages, send the messages to multiple recipients using multiple distribution methods -- Email, the IBM Connections product, and in the app itself.

In this challenge, we are looking for a visually appealing, easy to use mobile application screens that support the requirements listed in this challenge.

Design Consideration:

- Create it for iPhone 5 Portrait orientation (640 x 1136 resolution 326 ppi)

Wireframes:
Wireframes are attached to this challenge. 

1. Login Screen
Wireframe references page 4
- Login will be using IBM intranet credentials -- the fields to use are "Intranet ID" and "password".  There is no ability for users to "remember me", "reset password", so do not put those on your login screen.
- please include the IBM logo from the attached logos file.  You do not need to use the other logos.
 

2. Home Screen 
Wireframe references page 5
- This screen will be appear once user has logged in to their account. 
- User can see their upcoming schedule messages which will be arranged in the order they will be sent  
- User can expand the upcoming schedule message to see more details (a greeting message, sender, and a picture)
- User can schedule new messages (screen 4)
- User can search messages for a scheduled message -- for example, looking for someone's name, or looking for a particular event (birthday, Christmas)

3. New Message Screen 
Wireframe references page 6, see also pages 7, 8, 9, 10, and 11
- User can schedule a new message on this screen.
- When scheduling a new message, the user picks who the message will go to, who to cc, selects the occasion from the list, and can select an appropriate image and message from a preset collection.  The user can also edit the message once it's been selected, or just choose to write their own.
- The user then chooses when the message should be sent (date is more important than time, so consider how this might work if you just chose the date).
- Once the message is scheduled, the user can see it on their home page, so they can tell that they created it, and also so they can edit it, if they need to.
 

4. Edit Message Screen 
Wireframe references page 7 - 11
- User can edit or delete an existing message
- The behavior is like that in the Create experience.

5. Menu
Wireframe references page 12
- User will receive their incoming messages in inbox
- User can see sent messages in sent folder

6. Inbox Screen
Wireframe references page 13 - 14
- User can see all the wishes they received in the inbox
- User is able to filter the wishes using the search bar
- The inbox screen can be put in Delete Mode (page 14) to remove the selected wishes

7. Inbox Message Screen
Wireframe references page 15
- The user can see the message inside of the app, formatted with the picture and message.  From here, they can delete the message if they choose to.

8. Sent Screen
Wireframe references page 16
- All the sent messages are saved into sent folder
- User is able to filter the wishes using the search bar
- The sent screen can be put in Delete Mode like Inbox screen

9. Sent Message Screen
Wireframe references page 15
- The sent message, as it will appear to the person it was sent to

10. Launch icon and Splash screen, for the app
- We need an icon from which the mobile app can be launched, and also a splash screen which shows to user when the app is launched.  Be creative!!  Show the launch icon on your login screen!
 

Note that the pictures referenced in the 'Wishapp Messages and pictures.xls' are just used to convey the idea, we don't have their copyrights, and don't use it in your submission.