Design a mobile PWA version of desktop website

  • Status: Closed
  • Prize: $325
  • Entries Received: 25
  • Winner: aj9520

Contest Brief

CONTEST BRIEF
Have you heard about progressive web apps? They are the future of the web!

I have a desktop design for my site. You will design the mobile version as a progressive web app (PWA).

CHECK OUT THE DESKTOP DESIGN
https://invis.io/FNNLJU4QXWV (password = freelancer)

WINNER SELECTION CRITERIA
1. Thoughtfulness that went into mobile EXPERIENCE (navigation, swiping, ...)
2. Thoughtfulness to make mobile take advantage of Progressive Web App features (compare to the best mobile news apps, the best PWA apps)
3. Maintaining a consistent look and feel with desktop theme, same fonts, same readability, ...
4. Design versions for all pages and interactions in the sketch file
5. Bonus: if you can demo clicking around / experience with something like invision
6. Bonus: this job is kind of urgent. If you want to increase your chances, participate fast.

FILES YOU'LL NEED
You will need sketch, the source design files can be found here:
https://drive.google.com/open?id=1K1-OZWgfnCuD5pZkjLXZ0CZDkuUi8Llm

Fonts are Proxima Nova and Freight Text (from Typekit).

HANDOVER DELIVERY FORMAT
A sketch file containing the existing designs, plus your new ones.
[If you don't have sketch for mac, you can use Lunacy for windows to open the files.]

Recommended Skills

Employer Feedback

“Good communication, swift revisions, good outcome.”

Profile image adridder, United States.

Top entries from this contest

View More Entries

Public Clarification Board

  • adridder
    Contest Holder
    • 5 years ago

    Congratulations to Ale for creating the best entry. Thank you to everyone who participated!

    • 5 years ago
  • adridder
    Contest Holder
    • 5 years ago

    search, logo, and account, could also be google news app inspired.

    bottom row can be used for icons or links. I can think of "home", "about us", "services", and "notifications/join list/be an insider" (which could be an email-sign up or something like that).

    • 5 years ago
  • adridder
    Contest Holder
    • 5 years ago

    one of the things nearly everyone has missed so far is the category pages and their unique backgrounds. in the mock designs, that is illustrated with a blue wallpaper in one of the category pages. notice how in that page there are only posts with that category. in the mobile design too, you need to reproduce this.

    • 5 years ago
  • adridder
    Contest Holder
    • 5 years ago

    download the google news app on your phone. go to headlines. see the categories and how you interact. that will be our behavior of the top of the page.
    In a wordpress context, as I add new categories, it would add categories here. If you want to experiment with colors, look at the category colors already on the home page.

    • 5 years ago
  • adridder
    Contest Holder
    • 5 years ago

    Anyone who is on the fence about the contest, please submit your entries soon. Thank you!

    • 5 years ago
    1. Designer123user
      Designer123user
      • 5 years ago

      I'm working on it

      • 5 years ago
    2. adridder
      Contest Holder
      • 5 years ago

      In the next 5 days or so please.

      • 5 years ago
  • Prekhalabs
    Prekhalabs
    • 5 years ago

    Hello, Hope you having a good day, Please wait for our entry, We are working on it. Thanks

    • 5 years ago
    1. adridder
      Contest Holder
      • 5 years ago

      Thank you!

      • 5 years ago
  • aj9520
    aj9520
    • 5 years ago

    Please check entry #8 , thank you!

    • 5 years ago
    1. adridder
      Contest Holder
      • 5 years ago

      Am checking. Will give feedback

      • 5 years ago
  • sajidesigner
    sajidesigner
    • 5 years ago

    Please wait i am working on it

    Thanks

    • 5 years ago
    1. adridder
      Contest Holder
      • 5 years ago

      Thank you.

      • 5 years ago
  • techiesways
    techiesways
    • 5 years ago

    please could you provide me png logo..

    • 5 years ago
    1. adridder
      Contest Holder
      • 5 years ago

      Assets are in the sketch file.

      • 5 years ago
  • techiesways
    techiesways
    • 5 years ago

    please #sealed the contest... Thanks!

    • 5 years ago
    1. adridder
      Contest Holder
      • 5 years ago

      This job is more about execution than about design, because you have access to all assets and design in the sketch file.

      • 5 years ago
  • anayahdesigner
    anayahdesigner
    • 5 years ago

    Do you want only PSD file?

    • 5 years ago
    1. adridder
      Contest Holder
      • 5 years ago

      No. Job description states that I want deliverable in same way (sketch file).

      • 5 years ago
  • adridder
    Contest Holder
    • 5 years ago

    No coding, only design work. But don't change the design of the source document too much. Focus on making a supreme PWA representation

    • 5 years ago
  • rekaa31
    rekaa31
    • 5 years ago

    Hello my name is reka , for design PWA , just wireframe or with other material ?

    • 5 years ago
    1. adridder
      Contest Holder
      • 5 years ago

      same as the sample sketch file, design

      • 5 years ago
  • adridder
    Contest Holder
    • 5 years ago

    Welcome to the contest everyone!

    I'm an experienced freelancer-employer, and promise to be proactive, timely and helpful with my feedback and ratings.

    Hope you all have a great experience. I am in a bit of a rush, so the sooner you partake, the better your odds.

    Enjoy the contest!

    • 5 years ago
    1. spdmf
      spdmf
      • 5 years ago

      Hello dear CH. I need one information. We only need to do design right? Without coding and that..?

      • 5 years ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!