Challenge Summary
Welcome to the MyNeT Intranet Portal Design Concepts Challenge!
This goal of this challenge is to design and concept on a new Intranet Portal site that helps our employees feel like a team and also improve productivity. The MyNet Portal will be used by all employees from Executives, Supervisors, Engineers and other employee roles.
In this challenge we are looking to start this project with some initial design concepts on what the user should see and experience when first engaging with the portal. We also want to focus on what items should have priority to the user. Read the design problem carefully let us know what you think via your design ideas.
Good luck and we look forward to your design concepts!
Round 1
Your submitted checkpoint design solution for client review (Mobile Screen Size Only)
A). Persona #1: Samantha
Notes :
- Any comments about your solutions, make sure you capture correct flow for every page!
- Feel free submit separated screens to explains your design solutions.
Round 2
Final pages of design solution with updated solution based on client checkpoint feedback (Mobile & Tablet Screen Sizes)
A). Persona #1: Samantha
B). Persona #2: Lie Jie
Notes :
- Any comments about your solutions, make sure you capture correct flow for every page!
- Feel free submit separated screens to explains your design solutions.
Today, MyNet lacks a cohesive intranet that engages and meets the needs of its global employees, thereby impacting its culture and productivity. We want to work towards creating one simple, relevant, engaging and always accessible experience that enables the workforce to be more informed, unified and productive.
We do not expect to get their in a single challenge but this is our first step to iterating through these ideas (with your help!)
Current MyNet Challenges
- Lack of a global communication channel
- Static and differing user experiences across devices
- Manual processes that are cumbersome to manage
In this challenge we want to create a great mobile/responsive experience. Think simplicity from a mobile-first perspective! So use Responsive Design to make this adaptable, usable and attractive across platforms! With simplicity, we don’t want you to copy any other site or application’s style but consider the simple design approach of modern web applications. This is a portal that employees will use everyday.
Downloadable File
wf.zip - MyNet Wireframe
MyNet-Persona.pdf - My Net Persona
Quotes from what Employees currently expect
Comments shown below are reflection client global employee responses via internal survey:
- "I do not have the ability to check via Mobile."
- "I want the page to remember what's important to me based on my use, so it's easy for me to find the things I need the most."
- "Site is NOT intuitive for me to find information and homepage covered with things I DON'T use. Would be helpful if I could select what is on MY homepage.”
- "Multiple "clicks" needed to get someplace unless I bookmark it, but then I have a lot of bookmarks, and it is hard to remember where I "filed" them/what they are named."
- "HR stuff needs to be more intuitive and accessible with major links to 401(k) balance and pay stubs etc.."
- "No ability to customize format, I remember being able to do that with the other HR site."
- "Hard to use, hard to find things. It's just a bunch of lists."
MyNet Goals
- MyNet is tailored based on role and region to provide a single source of global and local content and access to the tools employees need to perform quickly and easily their tasks
- Content is simplified by reducing text with intuitive imagery & keywords to organize content in a way that is instinctive, easy to follow and searchable for effective navigation and engagement
- Users can efficiently perform tasks, resolve issues and connect with other employees through their preferred channel / device
- Enhance the Search function to make it easy for to find detailed content
- Design and optimize the desktop experience
- Design, optimize and support the tablet experience
- Design, optimize and support an all encompassing mobile experience
Guided by Key Design Principles
Mobile First: Design, optimize and support multiple devices starting with the smallest screen.
Streamlined Information: Organize content into meaningful categories with access to detailed information.
Clear Direction: Define clear paths to main tasks avoiding link/info overload.
Personalization: Provide relevant content in regards to the users function, role, or location.
Leverage Social: Connect user’s actions, reviews and information using existing communication tools
Design Concepts Requirements:
For this challenge we would like you to suggest concepts based on these initial two Employee Personas:
A). Persona #1: Samantha
- Samantha is a Supervisor in Global Services and has a team of 4 that she manages
- Samantha relies heavily on the new and improved MyNet intranet to effectively do her job and get the latest global and local Dublin office news on a daily basis
- Let’s walk through a typical day in the life of Samantha and see just how prominent the MyNet intranet is in her life:
In the morning
- When Samantha gets in and starts her computer, she goes directly to the MyNet homepage to skim through the latest headlines and see what’s trending globally.
- In particular, she uses the filters to view articles based on the topics/feeds that she follows.
Samantha attends the seminar
- On the way to the conference room, Samantha receives an alert on her mobile device. One of her team members has just put in a request to approve her expenses.
- Samantha reviews and approves the request directly from her mobile device.
- Once approved Samantha notices that she has a couple other to do items. She decides to get to them once she is back at her desktop.
To Do Items
- Once back at her desktop, Samantha has the following to do items on her personalized homepage:
-- Complete a training by end of day
-- Review a entry time sheet
-- Complete benefits enrollment
- Samantha decides to spend the next few hours completing the above activities.
Profile Page
- Tom is new to MyNet and recently moved into his new home. Tom needed to help getting started on his MyNet profile page to reflect his most current information.
- Samantha quickly shows Tom how to navigate to his profile page on the MyNet portal to update his profile and make any modifications (e.g., upload a photo).
Search
- While at lunch, Samantha receives an Outlook meeting reminder for a meeting with Tom Gutierrez. The invite does not have a meeting location, and Samantha has never met with Tom.
- After lunch, Samantha decides to use the Search function (content and people search) to find where he sits and meet with Tom in person.
Helpful Links / Pins
- Also, Samantha provides Tom with some helpful links that he will likely refer to on a regular basis such as personnel announcements and the cafeteria menu.
- Tom decides to save these links as pins on his homepage for future reference.
Time Approval
- As it gets closer to end of day, Samantha realizes that she needs to approve her teams’ timesheets.
- Samantha is running late to pick up her son from school, so she quickly views and approves her the time sheets from her mobile phone while leaving the MyNet office to get to her car
B). Persona #2: Li Jie
- Li Jie is an Executive for the Chinese region
- Li Jie relies not only on his desktop but also his iPad and mobile phone to do his job because he is always on the go
- Let’s walk through a typical day in the life of Li Jie:
In the morning
- While eating breakfast, Li Jie goes to his profile landing page to catch up the latest industry and local MyNet news for China.
- Li Jie needs to plan a family vacation, so he checks his workstation metrics to see his pending vacation balance.
Trending Topics
- He goes to his article page and is happy to see the amount of activity his article generated with many employees commenting and tagging each other to share his piece.
Article Page
- He goes to his article page and is happy to see the amount of activity his article generated with many employees commenting and tagging each other to share his piece.
Corporate Responsibility
- Li Jie recalls that there is an upcoming deadline for MyNet’s Connecting Hearts Aboard program.
- Once Li Jie gets home, he quickly navigates to the “Corporate Responsibility” section of the intranet to recall when the application deadline is.
- Fortunately, the deadline is not for another six weeks, so he adds to his to-do list, so he doesn’t forget about it.
Initial Wireframes
Some initial wireframes we have as guidance. Remember this is a Concepts Challenge so we are looking for your ideas.
1). Full Homepage
- Sidebar Navigation Menu
- Search
- Notification
- Stock Information
- Time | Expense button
- Featured News
- Trending News
- Pins
- Workstation - Learning Center
- Workstation - Benefits Home
- Workstation - Expense
- Team Navigator
- Team Activity
2). Menu Navigation
- Home
- News
- Event
- Philanthropy
- People
- Helpful Links
- Important Contacts
- Profile
- Settings
3) Notification Panel
- Unread Notification
- Yesterday Notification
- Last Week Notification
4) Additional Screens + Workflow
- Look to capture the Samantha experience
- Remember the personalization aspect of the site
- Create a "click-path" we can review and understand
Submission Requirements:
1. Screen Size
- Research about responsive applications and design trends!
- Submit your submission on these following sizes, read Challenge Round for Required Size Format.
a. Mobile Portrait Retina = 750px x Height up to your design
b. Tablet Landscape Retina = 2048px x Height up to your design
- Use shape based format on every graphic you created on your storyboard design to make sure everything remains sharp when resized!
2. Design Theme
Client’s Primary Color:
- Red (#ce1214)
- White (#ffffff)
Client’s Additional Colors:
- Black (#000000)
- Grey (#797979)
- Dark Grey (#3f3f3f)
- Blue (#01a1df)
- Orange (#f26622)
Notes:
- Recommend to us how the colors should be used (combination) and we will provide feedback at the Checkpoint Review.
- Think about "Professional" theme when you are designing for this application.
- Keep it simple!
Target User
- MyNet Global Employees
Judging Criteria
- Concepts - looking for your ideas on how we can capture these persona's and continue to expand on them
- Easy navigation and quick to find information
- Consistent experiences on the go
- Share and access content in native language (where applicable)
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
All Requested Challenge Submission Requirements stated above.
Source Files
All source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD.
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.