The project -
We need 3 screens designed for our support panel. You will find 2 wireframes attached to this brief.
Key points about the wireframes -
Filter: There will be a filter for real-time, this week, last x days (where x can be any number from 1 - 100,000), weeks, month(s), year(s), custom date range.
Graph widget - Graph labels are, x axis - Time, y axis - Devices. The graph has time over x axis in a format - 30/11/2019 3:32 PM and number of devices on the y axis. Hovering on the graph should present a dynamic color coded textbox with x,y labels & data. The graph should also offer filters to select a period of date & time with an appropriate button. The chart type should be a line chart with shaded area below in appropriate colours (a shade of yellow, green & red).
We need a react native support portal designed for remotely monitoring our 3g/4g enabled vehicle monitoring devices. This portal will be used in a control room with a large touch screen TV.
Target screen - Samsung QB75N-W 75 Inch 4K 3840 x 2160 300nit 16/7 Touchscreen Commercial Display
You are designing for a large screen, which means the portal will resemble a control centre application - a web application running on large screen sizes with a few small screens. We are not expecting to see any menu bars. I have attached our brand guidelines doc to this brief. There is also a file attached, titled most preferred design which we like the most. However, we are open to creative ideas. We need light & dark skin both for brainstorming.
We prefer working with someone with a previous background in designing a react native web application for a control centre. The reason we prefer a react native designer is to ensure they understand the design deliverable components for a react native app. The design for this job needs to produced on Zeplin for enabling our developers to consume your designs easily. Our preferred design tools are -
Zeplin - https://zeplin.io/
I am posting the questions I have been asked over personal messages below to serve as a reference guide for you.
1. What is the resolution of the 65+inch screen and from how far a user will be looking at the screen (minimum-maximum distance)?
A. Similar to this TV - Samsung QB75N-W 75 Inch 4K 3840 x 2160 300nit 16/7 Touchscreen Commercial Display https://www.elive.co.nz/samsung-lh7
2. The project is design-only than why do you need someone with experience in react native web application. Is there any specific reason for that?
A. The design of this needs to produced on Figma & Zeplin.
Figma - https://www.figma.com/
Zeplin - https://zeplin.io/
3. Just a short question here will you prefer lighter version or darker version of dashboard?
A. I need both dark & light versions with 3 screens implemented.