Challenge Summary
Welcome to Experian - Contact Relationships Design Update Challenge.
In this challenge, we are looking for you to update a section of storyboard with more modern approach for establishing relationships between contacts.
The purpose of this challenge is to update the "02-1_Buying Centre Analysis page.png", you can use the attached storyboard source as a base for this challenge.
IMPORTANT!! Design Considerations
- Follow the look and feel of the existing designs
- Follow the branding colors as show in the storyboards.
- Please use the attached storyboard source as the base and also follow the fonts and page sizes.
Required Updates (Creating Relationships):
- We are looking for you to come up with design concepts to replace the “Relationships” section shown at the bottom of the page (02-1_Buying Centre Analysis page.png) with a new way to create relationships between contacts.
- We have attached a reference image ‘relationship_ui.png’, this image shows the idea of how we need the new UI to be for establishing relationships between contacts. Please go through the reference image (relationship_ui.png) and video to get an idea on how this works.
1) By clicking and dragging the grey triangle to the contact card indicates that a hierarchy is established between the two contacts
2) By Clicking and dragging the green triangle to the contact card indicates that a positive relationship is established between the two contacts.
3) By Clicking and dragging the red triangle to the contact card indicates that a negative relationship is established between the two contacts.
Below points need to be considered while designing:
- [this is not in scope for design, it is already designed] A New Contact will be added by the user by clicking on “Add Contact” and we show a modal window (02-5_Buying Centre Analysis page.png) to enter the contact details, when they click on “Add New Contact”, a new contact card gets added to this section.
- A newly created contact card won’t have any relationships with any other card.
- Come up with a slick design for the contact card, for each of the contact card follow the contents from relationship_ui.png.
- A contact can have a hierarchical and (positive or negative) relationships.
- The reference images shows only three contacts but there could an upper limit of 15 employees, how can we show this in the design?
- Note that one person (contact) can have multiple people responsible to them (i.e. many people will report to one person) and can also have many positive/negative relationships with other contacts - so in these cases, multiple lines will be shown, think on how this can be shown?
How do you think, establish relationships can be shown in the design? we are looking for your ideas here.
Target:
- Internal Experian employees
Judging Criteria:
- Cleanliness of your graphics and design.
- How well you capture the above mentioned requirements
- Concepts for displaying the information in a unique/creative manner
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 and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
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.