Responsive Design refresh for for existing web app (PC and mobile)

Status: Closed
Prize: $500
Entries Received: 15

Contest Brief

We have an existing web page/app which was architected awhile ago and opens different version depending on PC or mobile. You can see examples here;
1. PC Browser - https://ifstvd.tvd.co.nz/
2. Mobile browser (view using a phone and it will change to suit the mobile browser) - https://ifstvd.tvd.co.nz/

The current design is OK, but we need a more modern responsive design that works across Desktop and Mobile.

In addition to the existing functionality we need to add the following into the design;
• Chat - Button to open a chatbot window/form, and the chat window with text entry area.
• Map - to show location markers.
• Call Now;
o Button so a user can start a call (separate from a normal cell call).
o Call progress dialog, connecting, ringing, in-call, call ended.
o Keypad so the user can select options from an IVR.

The following are configurable by the client to use or not. So they may or may not show. So the design must show how they will look if they are not present.
• Report Outage button
• General Information
• Map
• Twitter and facebook icons
• Call Now
• Chat with an Agent

Some design ideas/criteria;
1. It must be simple and intuitive to use within seconds of it opening.
2. We quite like the current mobile version.
3. The look must be light and clean.
4. Client logo in the top left corner is client configurable, but we can define the size.
5. Cloud image is client configurable but we can define the size.
6. A primary and secondary colour. These might just be highlights eg a border, or semi-transparent background, just something to allow the client to carry through their brand colours.
7. Maybe an accordion on one side with Planned and Unplanned outages? And map panel on the right which is replaced by outage details when a locality is selected?
8. On PC replace the cloudy image and “welcome text” with a map if the client has selected to show a map?

Scope
• All design files, and HTML images ready for development.
• Design document with screen shots and details on the hex colours, font sizes, image sizes, etc so a developer can follow it.

Recommended Skills

Post a Contest Like This

Top entries from this contest

nadineadel2019 Egypt

0
c0d3rPK Pakistan

0
bharanikumars India

0
atahmina440 Bangladesh

0
karlmoya Venezuela

0
AndrasKs Hungary

0
danieledeke7 Nigeria

0
CoolDesignr India

0
iKumarAmit India

0
teteleadan Czech Republic

0
designerniraj India

0
greenarrowinfo India

0
LynchpinTech India

0
codeunderground Vietnam

0
vikrantchandra12 India

0

View More Entries

Public Clarification Board

Rsquare Web Studio
- 3 years ago
Please provide feedback on #12 and #13
- 3 years ago
bharanikumars
- 3 years ago
Hi Sir, Kindly check my entry # 23 and give rating from 3-5. Waiting for your feedback. Thank you.
- 3 years ago
nadineadel2019
- 3 years ago
I have done another design but it is ended so chat me to send you the design
- 3 years ago
Morphlo
- 3 years ago
#extended
- 3 years ago
zeynepfrm
- 3 years ago
#extended
- 3 years ago
mamarkoe
- 3 years ago
Workin
- 3 years ago
iKumarAmit
- 3 years ago
Hi there, please have a look at #8 and provide your feedback for further improvements. Thank you
- 3 years ago
teteleadan
- 3 years ago
Hello

Please provide a feedback on the #7 , Is anything missing or should be improved?
Moreover, please consider that I can provide .sketch file with detailed px information. Alternatively, I can provide Html code for some parts, where it is necessary.

Regards
- 3 years ago
Rsquare Web Studio
- 3 years ago
Please provide feedback on #6
- 3 years ago
hsouiti
- 3 years ago
Hi,
The output files is PSD / PNG ( Design only no Developpement)
Thanks
- 3 years ago
1. Contest Holder
  - 3 years ago
  Yes, as per the comments below.
  - 3 years ago
2. hsouiti
  - 3 years ago
  Thanks
  - 3 years ago
trandesign0105
- 3 years ago
Hi, only design?
- 3 years ago
1. Contest Holder
  - 3 years ago
  Yes.
  - 3 years ago
Contest Holder
- 3 years ago
This contest will stay open until the end. Please don't ask to chat privately and hope that we will just give you the work. Show us how amazing you are! Thanks!
- 3 years ago
1. Abdul1472
  - 3 years ago
  Great
  - 3 years ago
Abdul1472
- 3 years ago
Working please keep it open till the deadline
- 3 years ago
vishalpardhi27
- 3 years ago
Please open chat for more discussion. Thanks
- 3 years ago
1. Contest Holder
  - 3 years ago
  Please list all your questions. Thanks!
  - 3 years ago
2. Abdul1472
  - 3 years ago
  Working please keep it open till the deadline
  - 3 years ago