Convertissez un modèle en site Web

Completed Posted 7 years ago Paid on delivery
Completed Paid on delivery

Introduction

============

I'm a web developper currently working on improving this website: [url removed, login to view]

I made a new look in photoshop and I'm looking for someone to do the translation to HTML5, CSS and Javascript.

Requirements

============

- I want a clean job, with annotated files that will be easily updatable by a third party.

- The pages should be responsive (I joined the desktop and mobile views)

- The pages should look exactly like the files I provided.

- The pages should include the functionalities listed in this file.

- The colours should be consistent throughout the pages.

- The CSS will be rewritten from scratch you can basically ignore all formatting of the current website.

- I want a popup modal that hasn't been drawn in the files but that will be fit with the overall design.

Home page

---------

- The nav bar color is #111

- The header section height stays the same when adapting to screen sizes and the background image fills the entire height.

- In the header, the "View our collection >"'s underline appears from left to right when hovered.

- In the images section, when not hovered, the images display with no text over them. when hovered, there is a black transparent gradient covering the lower part of the images and the title of the image and is displayed. The lower right corner has a coloured square either blue, green or yellow and contains price if the image is related to a product, or an arrow if the image is related to a blog article.

- The footer is standard and contains links to various parts of the site.

- The shopping cart appears from the right side (animation) when the "View Cart" button is pressed.

- When the shopping cart is displayed, the left area of the site is darkened with a transparent black mask.

- In the desktop psd file, you will have layers for the desktop version, plus the cart view.

- In the mobile psd file, you will have layers for the mobile version, the mobile menu view and the mobile cart view.

Blog page

---------

- The blog page is pretty straightforward, as it appears in the files.

- When the Social media share icons scroll up with the page, on the desktop view, they will stick to under the nav bar so they will be visible on the page 100% of the time. On mobile version, the social media share buttons are not sticky.

LogIn/SignUp page

-----------------

- When clicking on the "Sign Up here" or "LogIn here" the form switches without refresh between logIn and Sign up views.

Single Product page

-------------------

- The single product page has a slider. You can switch image by swiping fingers on the mobile version or clicking the arrows or the dots on the desktop view.

- The "view conversion chart" link opens a modal popup. The modal will be empty for now (i will put content after) but i want it to work at least.

- When no shoe size is selected, the "Please Select Size" button is showing, when a shoe size is selected, the "Add to Cart" button shows instead.

Work

====

I want to have good communication with the freelancer i hire so i will be available online most of the time during the work.

Please view the attached jpeg files for more details. I will provide PSD files for the job.

If you read and understood the requirements of the job, please add "jpdupere" in your application.

Clarification: I don't need a working website. I only need the frontend CSS and HTML files that i will use to override the old website CSS and HTML files. I deal with the entire backend.

CSS HTML5 JavaScript PSD to HTML

Project ID: #10536801

About the project

22 proposals Remote project Active 7 years ago

Awarded to:

satyaparkash

Hello, Thanks for update details "jpdupere" I am really interested to work on this project, I can start the work now. I only take project if i can do it, so Please come on chat to discuss more about the project. More

$360 CAD in 10 days
(6 Reviews)
3.4

22 freelancers are bidding on average $549 for this job

scriptphp87

Hello, I'm a professional programmer for web programming with php language to build the system website, Besides, I'm also expert in MySQL , HTML,HTML5,CSS, JS I'm always top in Vietnam freelancer [login to view URL] More

$526 CAD in 10 days
(71 Reviews)
6.9
kishanlalyadav

HI SIR AWARD ME RIGHT NOW I M 100% CONFIDENT FOR THIS PROJECT!!! I am ready to start this immediately. I am extremely eager and ready to go. I am all of the following; attentive, detailed, creative, dedicated, efficie More

$555 CAD in 10 days
(207 Reviews)
6.3
Shopify

I want to discuss this project with you further, let me know the best suitable time for you to schedule the meeting, Feel free to message me at any time, i used to be online 14 hrs in a day on this website so probably More

$773 CAD in 20 days
(2 Reviews)
4.1
Indirra

jpdupere Hello, Im Indira, graphic designer and frontEnd developer, hope all freelancer post jobs as you did. I can help you with your site, use to work with gulp and scss, jquery, bootstrap, and any framework that More

$740 CAD in 30 days
(2 Reviews)
2.8
thamtrinh

Hello Sir/Madam, My name is Tham and I am from Vietnam who has much experience in developing websites like Windows, Linux, Mac OS. I have worked and finished successfully lots of websites. I am an expert in HTML5, CSS More

$500 CAD in 15 days
(0 Reviews)
0.0
izharalvi176

Hey I want to discuss about job, before you are awarded. I'm ready to start immediately, please contact me. I am new bidder but I have great experience in PSD to HTML. Which you upload the 4 jpeg file I can convert 4 P More

$250 CAD in 1 day
(2 Reviews)
0.1