Wordpress start page Tesla style

  • Tila: Closed
  • Palkinto: $150
  • Vastaanotetut työt: 22
  • Voittaja: idrisakano

Kilpailun tehtävänanto

DESIGN OUR NEW STARTER PAGE FOR WORDPRESS
Absolicon is a European Solar Energy Company and we are going to rework our current website. First, we want to make a new starter page and will try to make it a competition here at Freelancer! We know a lot of web design and programming our self, but we need some help to get started!

DESIGN INSTRUCTIONS
On our new Wordpress site, we want a starter page that uses full width images (and then a footer). Se how we designed it in the PDF of our layout example. We have already done the design; your focus should be to implement it!
We got the inspiration from the Swedish Tesla site, see web site (you might need to choose Sweden as your country) [login to view URL] for inspiration (especially for how it behaves when resizing and scrolling).
Please note that we want to have one menu on each image that should follow when scrolling. The menu should not stick to the top of the page.
Use Google font Roboto in text.

CREATING THE WORDPRESS TEMPLATE
Our idea is to start from scratch, but if you can obtain the result using an existing theme, that is also possible. When scrolling, the pages should snap into the screen height if possible. Menu should be prepared to be integrated with Wordpress. The menu items should be placed using css and not integrated in the image to make it easy to change image in the future. It must be responsive and use Bootstrap 4. The Tesla site uses resizing of the images to make the best of every size.

ENTRY
The entry should include images of some of the responsive sizes of your design. The images we provide here might not be the optimal size, please resize if necessary, it is OK if the quality then is less good. As only static images can be uploaded, if you want to describe movement, please describe in text. Entries not using the attached images will be deleted.

DELIVERY
If you win the contest, we expect you to upload and install the winning contribution to a fresh Wordpress site and deliver a fully functional responsive starting page, that only is waiting for the design and integration of other pages.

Suositellut taidot

Työnantajan palaute

“Followed the specifications precisly, exactly as we asked for. No other Freelancer else was close to managing this. Timely delivery of everything even as there was some delays on our side.”

Profiilikuva bystrom, Sweden.

Julkinen selvennystaulu

  • bystrom
    Kilpailun järjestäjä
    • 2 kuukautta sitten

    Thank you everybody for your contributions! I agree with Syed, #5 was also a good contribution, adding a nicer graphic toutch, but #18 was the closest to our specification.

    • 2 kuukautta sitten
  • webdeper
    webdeper
    • 2 kuukautta sitten

    #18 won hahaha should have given to #5 its not me either.

    • 2 kuukautta sitten
  • wordpreser
    wordpreser
    • 2 kuukautta sitten

    i can display bars on top or bottom of the page , with conditions to display when customer is leaving, when page is scrolled from to % or with time delay up top you

    • 2 kuukautta sitten
  • wordpreser
    wordpreser
    • 2 kuukautta sitten

    As you mentioned that most people will use mobile i have made few changes to the stock market information . creating overlay which can display the information you would like to t create , also for the Latest news i can add a bar but how you are planing to update it , is it going to be a static line or it need to display actual lates updates looking forward to hear from you thank you

    • 2 kuukautta sitten
  • bystrom
    Kilpailun järjestäjä
    • 2 kuukautta sitten

    For vertical snap, this was the first on a google search https://css-tricks.com/practical-css-scroll-snapping/

    • 2 kuukautta sitten
  • bystrom
    Kilpailun järjestäjä
    • 2 kuukautta sitten

    Please check on Tesla how they have their adaption to differnet screen sizes - most people will use the mobile...

    • 2 kuukautta sitten
  • poroshsua080
    poroshsua080
    • 2 kuukautta sitten

    please wait..

    • 2 kuukautta sitten
  • bystrom
    Kilpailun järjestäjä
    • 2 kuukautta sitten

    Thank you all for the entries! I also checked on two live sites from your links, a good way to see how you manage the soft slide into the images vertically - it is tricky… The higest rated is the one the closest follow our instructions.

    • 2 kuukautta sitten
    1. idrisakano
      idrisakano
      • 2 kuukautta sitten

      Hi, thank you for acknowledging my painstaking effort. Do let me know if you need any other thing and if you'd need me to share with you a link to live implementation

      • 2 kuukautta sitten
  • kjasvir
    kjasvir
    • 2 kuukautta sitten

    Hi

    • 2 kuukautta sitten
  • idrisakano
    idrisakano
    • 2 kuukautta sitten

    Hi, Kindly check out #18 . If you could kindly give it a rating so i know how much it meets your expectation.

    • 2 kuukautta sitten
  • rajbevin
    rajbevin
    • 2 kuukautta sitten

    Sir, Please check #17 Thax.

    • 2 kuukautta sitten
  • adixsoft
    adixsoft
    • 2 kuukautta sitten

    Hi, Please provide feedback on #10 . I am sure you will love these. Thanks

    • 2 kuukautta sitten
  • poroshsua080
    poroshsua080
    • 2 kuukautta sitten

    do you want header section img slider?

    • 2 kuukautta sitten
  • pankajsh973
    pankajsh973
    • 2 kuukautta sitten

    Hello sir kindly check my entry #2 and let me your valuable feedback i hope you like my design please contact me via message thanks

    • 2 kuukautta sitten
  • Rakeshbarban5858
    Rakeshbarban5858
    • 2 kuukautta sitten

    working on it

    • 2 kuukautta sitten
  • Ojjomedia
    Ojjomedia
    • 2 kuukautta sitten

    I just started. I will submit entry within the timeframe

    • 2 kuukautta sitten

Näytä lisää kommentteja

Kuinka päästä alkuun kilpailuiden kanssa

  • Ilmoita kilpailusi

    Ilmoita kilpailusi Nopeaa ja helppoa

  • Saat valtavasti töitä

    Vastaanota tonnikaupalla osallistumisia Ympäri maailmaa

  • Myönnä palkinto parhaalle työlle

    Myönnä palkinto parhaalle työlle Lataa tiedostot - Helppoa!

Ilmoita kilpailu nyt tai liity tänään!