Challenge Summary
Welcome to the Hestia New Platform Branch Account Settings UX Exploration
For this challenge we need you to focus on enhancing a specific section of the Hestia B2B application. Review the attached files and designs - we need you to enchance the Branch Account Setting feature within the application.
We are looking for you to explore and create (while subtle) a better user experience in our application!
Round 1
Your initial storyboard design solutions for checkpoint feedback:
1. Current Employee Edit Screen
2. Company Settings
3. Admin Employee Branch Settings
Notes.jpg: Any comments about your design for clients
Round 2
Final storyboard design with updated design based on client checkpoint review
Notes.jpg: Any comments about your design for clients
Challenge Details
Hestia always looking to give their customers a better user experience by updating and enhancing the user experiences of their existing websites and applications.For this challenge we need your help to analyze the currrent Phase 1 user experience of the provided screens and redesign or enhance the UX for an easier user experience.
File Attachments:
Ferguson-StyleGuide-v2.pdf - Hestia New Platform Style Guide
Request Access to download Hestia New Platform Storyboard Files
https://drive.google.com/folderview?id=0BxNVnWK-ZGA6WFN1Mkk2ai1iZ28&usp=sharing
Send Access Request for these files to: amorehead@appirio.com and lunarkid@copilots.topcoder.com
IMPORTANT!
- DO NOT introduce new styles, you need follow the provided Hestia New Platform Design Style Guide
- We are focused on a "responsive design" experience
- You need submit Desktop (1024px width & height up to your design) and Mobile (320px width & height up to your design) screens for this challenge
Challenge Requirements:
1. Current Employee Edit Screen
See: wireframe.jpg
See: Roles-Permissions.jpg (See the red box area)
Edit Employee Branch Account Settings Scenario
- An Admin needs to be able to provide access to different "Accounts and Jobs"
- Jobs are grouped/listed by Accounts (the reason you see the groupings in the design and wireframe)
- The current design (Roles-Permissions.jpg) is incorrect because If you click on Main Account 1 it looks and acts like a Select All. The problem is a user can have access to the Main Account but not have access to the other sub job accounts (so this interaction is incorrect)
- Important Note: The labels on (Roles-Permissions.jpg) is incorrect in that all of them say "Main Account" - they should be another name for a "Job" (see wireframe.jpg)
- We need a better user experience for this section (see wireframe.jpg) - the idea is that you have all Main Accounts and Jobs at the same level but then you still need a Select All.
- A user can Select All and give the access to the Account and all the Jobs associated with the Account or just give access to single items (Account or Jobs).
- A user could have access to a Job and not to the Account - so we don't necessarily need this in a hierarchy layout - it can be flat layout (like the wireframe.jpg)
- Explore this!! See what interactions make sense - it can be simple but needs to be simple and clean graphically!
2. Company Settings
See: Company-Settings.jpg
- We need to add a new module on this page for Employee Branch Settings
3. Admin Employee Branch Settings
See: Approval-Settings (reference only).jpg
- We need a completely new page to manage all Employee Branch Settings
Admin Employee Branch Account Settings Scenario
- An Admin needs to be able to adjust all employee's Branch Settings
- An Admin can edit the branch settings on each individual employee but we want to be able to batch edit employee settings
- Review "Approval-Settings (reference only).jpg" page - this is just meant to give you context of what we are talking about - this is not the exact page we need.
- We are thinking we need a table design that allows an Admin to view all employee's and adjust their Branch Settings
- Based on the Branch Settings rules you learned about for the individual employee - how can this page and user experience be designed?
- Explore this!! See what interactions make sense
Target Audience
- Hestia B2B Application user - who is used to and expects this functionality.
Judging Criteria
- How well you create and update the user experience for Phase 2 of the Hestia B2B application
- Cleanliness of your graphics and design.
- User experience for application.
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it. You are free to resize or crop your submission to fit this size, but do not add any filters or elements for dramatic effect, such as drop shadows or reflections.
Submission File
Submit JPG/PNG for your submission file. IMPORTANT - If you are submitting "small updates or changes" with multiple submissions please include in your notes file what is different or changed - this can be confusing to the client sometimes when they can't tell what is different.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors.
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.