Wipro GIMS App MOBILE Design Concepts Challenge

Welcome to the “Wipro GIMS Mobile App Design Concepts Challenge”. We had recently completed a responsive design for GIMS App. But now we would like to focus on having a mobile app for this challenge. This app has to look completely different from the desktop design. Treat it as an app and not as a website. Come up with new ideas as to how you can make the UX/UI user friendly and at the same time have modern look and feel to it.
Through this application, employees should be able to apply for a Visa to any country and the system should be able to validate the country-specific rules. Within the application, there will be a multiple level approval processes.

Best of luck! We are looking forward to your great ideas.

Round 1

Round One (1)
Submit your initial design for a Checkpoint Feedback

1. Homepage
2. Initiate an Application

- As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)

Round 2

Round Two (2)
Submit your Final Design plus Checkpoint Updates

1. Homepage
2. Initiate an Application
3. Pending Task
4. My Applications

- As part of your final submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs. Please include the MarvelApp URL in your notes.txt.
- Make sure all pages have correct flow. Use the proper file numbers, (1, 2, 3, etc.)

Background Overview
This challenge is about conceptualising and designing a mobile app for visa immigration management system. This is the homepage where employees will apply for visa, see application status, pending task etc. So, the experience has to be very innovative, intuitive and engaging. It is important to follow the Wipro Branding Guidelines.

Design Considerations
- It is very important to treat this as an app and not as website design
- Make it interactive, with profile, notifications, alerts, updates etc
- We want the Interface to be modern and engaging (think if you were an employee using this site)
- If need be, group forms together for easy browsing and to capture the information. It needs to be simple and easy for data input.

Branding Guidelines
The design should follow the attached Wipro branding guidelines
- Wipro-Branding-guidelines.zip

Target Devices
- Mobile Retina Screen Size (iPhone): 750px(w) × 1334px(h)

Stock Artwork (Icons, Photography)
- Stock artwork and icons are allowed for this challenge.
- Make sure to declare all your assets properly or you might fail screening.
- Check the branding guidelines!

Required Pages/Features
For this challenge, we are looking for below mentioned pages. The screen functionality details listed below are suggested functionality for consideration. Do not allow the suggestions below to impact the creativity of design. If there is a better way to accomplish the same goal, then feel free to take creative liberties.

1.Homepage
Employee home page should have the following sections :

A. To initiate a visa request:
- Initiate a New Request
- Re-Initiate from a rejected request
B. Give a very prominent place for Chatbot as we want the users to use this for query resolutions so that help desk tickets can be reduced. We are looking at conversational UI with the Chatbots. So, Chatbots should be placed in such a way that users will be able to converse with them and then be directed to the appropriate page.
C. Application Status - Visa in progress, Pending visas, Valid visas etc. The status will be shown in My Application page.
D. Visas in Progress - This should display the active under process visa application details in visual format of the status.  On click of view details all application information (even if rejected / expired ) would be displayed.
E. MyTasks - Display this when there are any pending tasks. Pending task will be all pending clarifications
F. Manager Dashboard link - On click a new page will be shown with the tabs: Approval List and Reportee Applications. Each of these will have the application details like in My Applications.
G. Also show Profile, Notifications, Alerts, FAQ or anything that you feel is important.

2. On selecting Initiate a New Request:
- Show a Consent (Some text with “I Agree” and “I Disagree” options)
- On choosing the “I Agree” they should be able to select the Application type.
- Application types are:
Available and New LCA (Labor Condition Application),
Business Invitation letter,
Work permit / Visa initiation.

On selecting Work permit / Visa initiation
This screen should have the following,
A. Show two options, “For Self” and “For others” (radio buttons)
B. On selecting For Self : 
User should be able to select Work Permit / Visa Type* :
Business Visa,
Extension/Amendment/Transfer,
Work Permit Processing,
Dependent Request.

On selecting Business Visa, user gets a General Details form to fill which contains,
Assignment Location* (dropdown)
Assignment For* (dropdown)
Wipro Divisions* (dropdown)
Source Country* (dropdown)
Destination Country* (dropdown)
Visa Sub Type* (dropdown)
Submit, Reset and Cancel buttons

C. If we Customer Location as Assignment location, then show
- General Details
Assignment Location* (dropdown) : Customer Location
Assignment For* (dropdown) : Customer
Wipro Divisions* (dropdown) : Wipro Technologies
Source Country* (dropdown) : India
Destination Country* (dropdown) : Australia
Visa Sub Type* (dropdown) : Business Visa
State* (dropdown) : New South Wales
City* : Newcastle

- Customer Details
Choose Customer Project (button)
Customer Name
Project Name
Approving Authority
Address (Assignment)* (text box)

- Other Details
Start Date (DD/MM/YYYY)* (textbox)
End Date (DD/MM/YYYY)* (textbox)
Purpose of Travel (dropdown)

Disclaimer : Add some placeholder text
Submit, Reset and Cancel buttons

D. On click of Choose Customer Project (button), user is presented with a form:
Project Manager (Emp.No. / Email Id) (textbox with search)
Project Name (dropdown)
Customer Name (textbox)
OK button

3. Manager Pending Task - Approvals
This is another screen, with below content
- Pending Approvals
   - BVIL Approval button
   - And Table with following content:
     Application No.
     Employee
     Action
     Remarks
     Documents
     More (link)
  - Submit button

- On click of More link, user sees Pending Approvals Details
Application No. : IN-423657
Customer Name : Wipro
Destination Country : United States
Assignment End Date : 15 Aug 2020
Request Subtype : Blanket L1A
Request Subtype : N/A
Clarification Remarks
Project Name

4. My Applications screen
This is another screen, with below content
User sees list of applications with below information (example). You can show 2 of similar kinds.
Application No. : GC-260714
Employee Number : 68334
Destination Country : United States
Requested Sub Type : Green Card
Application Status : Rejected

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 : Wipro Employees

Judging Criteria
- How interesting and engaging is your proposed design concepts workflow
- Did you understand the design problems and propose new concepts?
- Is the application and user experience easy to use/intuitive?
- 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 or Illustrator or Sketch. Layers should be named and well organized.

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.