Challenge Summary
Welcome to the “myWipro Widgets Design Concepts Challenge ”. myWipro is the employee portal of Wipro, and we are making it persona based. So, various widgets relevant to different roles have to be created. The view of the portal will be customizable through the widgets. Based on the role of the employee, which logs in, the relevant widgets will be shown on the portal screen.
All the best! Looking forward to all of your creative ideas.
Round 1
Submit your initial design for a Checkpoint Feedback
The widgets for the screens needs to be designed for both web and mobile (responsive).
1. My Tasks
2. My Approvals
3. Status
4. My role
5. My Time
6. My Time Manager view
7. My Time (Leave)
8. My Time (Leave) Manager view
9. Office 365 productivity
10. Travel
11. My surveys
12. My Knowledge
13. Myself
14. TrendNext
15. Career - Appraisal and WLQ trend for three years
- 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
Submit your Final Design plus Checkpoint Updates
The widgets for the screens needs to be designed for both web and mobile (responsive).
1. My Tasks
2. My Approvals
3. Status
4. My role
5. My Time
6. My Time Manager view
7. My Time (Leave)
8. My Time (Leave) Manager view
9. Office 365 productivity
10. Travel
11. My surveys
12. My Knowledge
13. Myself
14. TrendNext
15. Career - Appraisal and WLQ trend for three years
16. Career - Appraisal and Key Competency area
17. Career - Appraisal, WLQ, TRP status
18. Training (Manager)
19. Delivery/MQ
20. People Supply Chain
21. Financials
22. Sales
23. Sales - Sales KM
24. HR/People - Headcount spread
25. HR/People - New adds
26. HR/People - Attrition
- 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
In this challenge you need to conceptualise and design different widgets for the screens mentioned in the html link
- The application will be used internally by all Wipro employees.
- You can refer to the home screen of myWipro through the link below. You can also see the different widgets like myTime, myCareer, Leave etc
https://dmmeet-webapp-dev.azurewebsites.net/myWiproHomePage/index.html#/myWiproHome/
Challenge Objectives
- The widgets should be designed with an option of customizing their visibility on different dashboards
- The new widgets designed should match the existing ones. You can refer to the html link
https://dmmeet-webapp-dev.azurewebsites.net/myWiproHomePage/index.html#/myWiproHome/
- The widgets for the screens needs to be designed for both web and mobile (responsive).
Users / Roles
Please make sure your design supports the following roles.
Note: Do not design for all these roles. You need to design a widget which would be ideal for all these users/roles.
- Delivery
User Group: Delivery Leadership, Delivery Support, Domain, Geo Support, Practice Support
Description: Responsible for the execution and delivery of the projects.
- Employee
User Group: Allocated, not billed, Billable Bench, Domain, Investment
Description: Self-Explanatory
- Function
Description: Includes various supporting functions like Sales, HRSS, Finance, Security, Legal and others
- Leadership
User Group: Corporate, Unit, Others
Description: Includes all Leadership roles
- Sales
User Group: Sales, Geo Support, Account Sales Leadership, Sales Manager, Hunter Sales
Description: Employees in charge of the all the sales function under the organisation.
- Pre Sales
User Group: Pre Sales
Description: The team carrying out the set of activities before the sales is achieved.
- Others
User Group: Others
Description: Roles not categorized in any of the above or below functions
Required Widgets
Please make sure your design includes the following widgets:
1. My Tasks
These are some of the sample tasks -
Apply for Leave reversal
Settle travel expense
Complete COBC
Update your seat details
Complete self-appraisal
Description: This widget is the most important one, It will show all the pending tasks across all applications. You can show the pending tasks and then give a transaction link which will take the users to the relevant screen to complete the tasks.
2. My Approvals
These are some of the sample Approvals:
Travel approval
Cash claim approval
Leave approval
Description: Any approval pending with the employee based on managerial access and role access. Should show the list of pending approvals and also suggest criticality by showing pending since <no.of days>
3. Status
Status of requests raised:
Name of the request, status of the request: WIP/Pending with <person>/approved/rejected/on hold
SLA status/ pending for how many days.
Status could be shown for the following:
Expense claims
Medical claim
Travel request
myRequest
We Buy requests
Wase to Core conversion
Tech campus hire conversion
No Dues status
New joinee checklist status
Description: Status of transactions done by you and pending with others.This widget should show the SLA for each transaction and pending days. It should also show the approval metrics as well.
Reference content:
Expense Claim INR 2500, raised on 25.05.2018
You are here
------|--------
Ravi Kethana>>Usha Karthik>>HRSS>>Payment complete
(L1 manager>>>BFM>>>>>>>>>Payment processing)
4. My Role
Should show the user’s current role, persona and also provide the ability to ask for correction if incorrectly mapped
Description: Show the current role of the user based on which the persona has been identified and then give an option to the user to ask for change if the role has been incorrectly mapped.
Reference content:
Delivery Manager
Role not correct? Click here to raise a helpline ticket!
5. My Time
Time in Campus
Time on Floor
my shift details
Description: Show a comprehensive graph of TIC and TOF, weekly and monthly average
Shift details have to be shown for the user - regular shift- morning shift etc
6. My Time Manager view
Team's over all Time in Campus (TIC)
Team's over all Time on Floor (TOF)
Over all view of shift timings of the team
Description: Manager view of team's average TIC and TOFA with weekly and monthly trend analysis.
Data on outliers: Employees with high TIC and TOFA; Employees with low Tic and Tofa
7. My Time (Leave)
Balance leave- AL and SL
Upcoming leaves
Upcoming Wipro holidays
Upcoming long weekends
Description: View of leaves available, upcoming long weekends and company holidays etc
Total AL available- 14
Sick leave available- 5
Upcoming holidays- 17-Jun-2018 - Ramzan
Upcoming long weekends- 17th-19th Jun- 2018
Holiday shutdown.
8. My Time (Leave) Manager view
Over all view of people on leave today and in the next week
Over all view of the upcoming leaves
Description: Manager view of total number of people on leave in the team, upcoming leaves etc
Leave trend in the team
9. Office 365 productivity
View of time spend in diff activities
Description: Track time spent by categories like meetings / reviews / development work etc and help the employee track his/her efforts and help themselves
- Time spent in meetings
- Number of emails sent
- Number of emails received
- Number of breaks taken
- Duration of breaks taken
Option to track the break and track their activities every day that will help their productivity. Day planner vs actuals to see what they are doing. Activities to be defined based on user tasks in the organization by role
Employee can see his/her own view and also the team view
10. Travel
# of trips
# of days of travel
# total cost of travel
Upcoming travels
Description: View of upcoming travels
Total number of trips made in the last one quarter
Total cost of travel in a quarter (The cost of each trip is shown for the awareness of the employee)
Total cost of travel for the entire team in a quarter
11. My surveys
Ongoing surveys
# of surveys taken
Pending surveys
Description: Should show the ongoing survey
Pending surveys
Show the total number of surveys taken by the user so far;
Reference content:
Are you happy with your MSI
Yes
No
Can't say
Total number of surveys taken = 7
Pending surveys= 5 (clickable, should take to the survey portal)
12. My Knowledge
Articles I have published in Knet
Articles I may be interested in
Description: All articles that the employee has published in the knowledgement site is shown here
The employee has a place holder where he can enter topics that he/she is interested it. Any article related to the topics are shown here. Employee can add the article to read later. Once the employee reads the same it disappears. Ignore/Like button on each of the article helps the employee to track the articles later
13: Myself
My office location
My seat
# of assets I have
Non compliance in assets and others
Description: A widget which shows details about the user: office location, seat details, The hardware & software assets tagged to me. This also has the EOL dates or license end date for the employee to act upon.
The compliance of the hardware asset is shown here along with the asset details;
Reference content:
Electronic City,
Tower 8,
Ground Floor
Wing C
Half Cabin -098
Laptops| Server| VOIP
(2) (1) (1)
Tagged assets- 2 | untagged assets- 1
To tag the assets, click here (Should take to the myAsset page)
Patch not updated
Antivirus not updated
14. TrendNext
Trend Nxt points
Threshold date and target points
Chosen assessment
Cleared assessment
Yet to clear assessment
Upcoming assessment date
Description: This widget will show the relevant data from the TRendNext portal.
Reference Content:
Trend Next points: 450
Threshold date: 27-Sep-2018
Target points: 1800
Cleared assessments: HTML 5, CSS3
Yet to clear assessments: React Framework
Upcoming assessment date: Yet to be confirmed.
For more details, click here…
15. Career
Appraisal and WLQ trend for three years
Description: Performance appraisal as a trend to show how the user is fairing in the 3 years. The development areas if highlighted should also be shown;
Reference content:
2016|2017|2018 (should be depicted as a trend graph)
EE. EE EE
Development area: Needs to build stakeholder relationship
WLQ
2016|2017|2018
S. S. S
Strengths
Client Centricity, Collaborative Working, Passion for Results, Strategic Perspective, Leading Change.
Areas of improvement
Execution Excellence, Nurturing People.
Areas of development (competencies rated lower than 3) are
None
16. Career
Appraisal and Key Competency area
Performance appraisal as a trend to show how the user is fairing in the 3 years. The development areas if highlighted should also be shown;
Reference content:
2016|2017|2018 (should be depicted as a trend graph)
EE. EE EE
Development area: Needs to build stakeholder relationship
WLQ
2016|2017|2018
S. S. S
Strengths
Client Centricity, Collaborative Working, Passion for Results, Strategic Perspective, Leading Change.
Areas of improvement
Execution Excellence, Nurturing People.
Areas of development (competencies rated lower than 3) are
None
17: Career
Appraisal, WLQ, TRP status
Description: Q1 appraisal status
Pending with the employee | Pending with L1 | Pending with L2 |
You are here
WLQ status
Feedback pending|Nominations pending|Feedback submitted
24. 15 10
TRP Status
Profile updation pending
18. Training (Manager)
Team Training Days
Upcoming trainings for the team
19. Delivery/MQ
Project Status
CSAT
Alerts/Earlt warnings
Description: Show the statuses of the projects. This should be split across FPP & TNM
FPP -> Underrun/overrun based on POC
TNM -> Show the efforts/TIC/TOF of the employees in the project. Expectation is employees in TNM should work for 8.75 hours on floor to be billed. This can be shown as Green/Amber/Red. The numbers should be finalised with HR.
PCSAT can be shown across period of time for all the projects for which PCSAT has been shared
Any early warning or alerts that is being highlighted to be shown
20. People Supply Chain
Open demand
Supply (Bench/PAR)
Fulfilment
Net add
Description: Co relation between supply and demand with fulfilment.
Every project has open positions against which proposals are done and then post which allocations are done.
100 total positions -> 60 fulfilled -> 40 open -> 10 pending joinees & 10 marked to external
10 pending joinees by bucket like
1. Joining in 7 days
2. Joining in 30 days
Net add trend i.e. daily change in the head count of the project to be shown that will highlight if there is ramp up or rampdown in the project over the current financial year.
21. Financials
P&L (Profit & loss statement)
- Revenue
- Gross and Net Sales
- Cost of goods sold
- Profitability (Margin)
Budget Vs Actuals (comparison on planned cost and consumed till date)
Cash to cash cycle (in days)
Description: Financials of the entity the user is responsible can be aggregated from project level to be shown here. Some elements may be at SOW level and may not be available at project level
Refer to any profit & loss statement on the web. This is standard across the world.
22. Sales
Funnel/Pipeline
OB
Incentive till date
New logos converted
23. Sales
Sales KM
Description: Articles in Catalyst
24. HR/People
Headcount spread
Description: Headcount spread can be depicted in multiple ways. Options to be enabled
1. Band (B1/B2/B3/C1/c2)
2. Bulge/Experience
3. Geography
Band & Bulge to be presented in pyramid
25. HR/People
New adds
Description: New employees joining Wipro. Trend over a period of time
26. HR/People
Attrition
Description: Employees in notice period to be shown in bucket i.e. leaving in 30 days, 60 days. and number of employees who have already left the organization
Target Devices
- Desktop Standard Screen Size: 1366px(w) × 768px(h)
- Phone Retina Screen Size (iPhone): 750px(w) × 1334px(h) (@2x)
Branding
The new widget designs should match the existing ones. Please refer to the home screen of myWipro through the link below.
https://dmmeet-webapp-dev.azurewebsites.net/myWiproHomePage/index.html#/myWiproHome/
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!
MarvelApp Prototype
- You need to upload your screens to Marvel App.
- You can request for your Marvel App link by posting on forum or by sending a mail to sunitadas@gmail.com
- Remember to include your Marvel app URL in your Notes or Declaration document while uploading your submission.
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 well you conceptualize and design the widgets?
- How the widgets will customise their visibility on different dashboards?
- Are the widget designs intuitive and easy to use?
- 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.
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.