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

  • Status: Pending
  • Hadiah: $500
  • Entri Diterima: 22

Deskripsi Kontes

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 - [login to view URL]
2. Mobile browser (view using a phone and it will change to suit the mobile browser) - [login to view URL]

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.

Keahlian yang Disarankan

Papan Klarifikasi Publik

  • H8888
    H8888
    • 16 jam yang lalu

    Hey, can you #extended I also want to upload my work

    • 16 jam yang lalu
  • cehravi
    cehravi
    • 23 jam yang lalu

    Please provide feedback on #12 and #13

    • 23 jam yang lalu
  • nadineadel2019
    nadineadel2019
    • 1 hari yang lalu

    I have done another design but it is ended so chat me to send you the design

    • 1 hari yang lalu
  • Morphlo
    Morphlo
    • 1 hari yang lalu

    #extended

    • 1 hari yang lalu
  • zeynepfrm
    zeynepfrm
    • 2 hari yang lalu

    #extended

    • 2 hari yang lalu
  • mamarkoe
    mamarkoe
    • 5 hari yang lalu

    Workin

    • 5 hari yang lalu
  • iKumarAmit
    iKumarAmit
    • 5 hari yang lalu

    Hi there, please have a look at #8 and provide your feedback for further improvements. Thank you

    • 5 hari yang lalu
  • teteleadan
    teteleadan
    • 5 hari yang lalu

    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

    • 5 hari yang lalu
  • cehravi
    cehravi
    • 5 hari yang lalu

    Please provide feedback on #6

    • 5 hari yang lalu
  • hsouiti
    hsouiti
    • 1 minggu yang lalu

    Hi,
    The output files is PSD / PNG ( Design only no Developpement)
    Thanks

    • 1 minggu yang lalu
    1. TVDDev
      Penyelenggara Kontes
      • 1 minggu yang lalu

      Yes, as per the comments below.

      • 1 minggu yang lalu
    2. hsouiti
      hsouiti
      • 6 hari yang lalu

      Thanks

      • 6 hari yang lalu
  • agarwalrohit14
    agarwalrohit14
    • 1 minggu yang lalu

    Hey CH,

    Please explain a lil more about these point,

    First:
    What do you mean by present or not?
    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.
    You Mean i need to make 2 sample one with these points and other without these points, so that client can compare both look, right?

    Second:
    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?
    Explain this point what exactly do you want?

    Third:
    8. On PC replace the cloudy image and “welcome text” with a map if the client has selected to show a map?
    Don't you think it will look bad if i put map with that width or if i put map in proper size it will break the flow because of improper empty area?

    • 1 minggu yang lalu
    1. TVDDev
      Penyelenggara Kontes
      • 1 minggu yang lalu

      1. yes show how it looks if they are present/show or not.

      • 1 minggu yang lalu
    2. TVDDev
      Penyelenggara Kontes
      • 1 minggu yang lalu

      2 & 3. It is just a suggestion for layout so it is flexible, but you are the UX/UI designer, so show me what will work best..! :)

      • 1 minggu yang lalu
  • trandesign0105
    trandesign0105
    • 1 minggu yang lalu

    Hi, only design?

    • 1 minggu yang lalu
    1. TVDDev
      Penyelenggara Kontes
      • 1 minggu yang lalu

      Yes.

      • 1 minggu yang lalu
  • TVDDev
    Penyelenggara Kontes
    • 1 minggu yang lalu

    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!

    • 1 minggu yang lalu
    1. Abdul1472
      Abdul1472
      • 1 minggu yang lalu

      Great

      • 1 minggu yang lalu
  • Abdul1472
    Abdul1472
    • 1 minggu yang lalu

    Working please keep it open till the deadline

    • 1 minggu yang lalu
  • vishalpardhi27
    vishalpardhi27
    • 1 minggu yang lalu

    Please open chat for more discussion. Thanks

    • 1 minggu yang lalu
    1. TVDDev
      Penyelenggara Kontes
      • 1 minggu yang lalu

      Please list all your questions. Thanks!

      • 1 minggu yang lalu
    2. Abdul1472
      Abdul1472
      • 1 minggu yang lalu

      Working please keep it open till the deadline

      • 1 minggu yang lalu

Lihat lebih banyak komen

Bagaimana untuk memulai sebuah kontes

  • Buat kontes Anda

    Buat Kontes Anda Cepat dan mudah

  • Dapatkan jutaan entri

    Dapatkan Jutaan Entri Dari seluruh dunia

  • Pilih entri terbaik

    Pilih entri terbaik Unggah file - Mudah!

Buat sebuah Kontes Sekarang atau Gabung dengan kami Hari ini!