Shopify Store Design (PSD Convert to CSS/HTML)

In Progress

Hi,

I want to create a store on Shopify and want a unique design and thus created my design in Photoshop which I would like someone to convert to CSS/HTML and also someone to create a similar style for mobile devices.

The instructions are in depth and I do need this to my exact requirements, although, if you want to give detailed feedback I will happily listen.

I have attached a gif below of the website pages with mouseover links etc. I will send the proper .PSD files when someone is given the job. These are subject to change.

Requirements are:

• Custom font - Shopify unfortunately doesn't have 'Bebas Neue' as a font choice though it does have my second font 'Arvo' as a choice. Ultimately I would like both fonts used.

• On click animation - The design is inspired by Windows Metro UI, and one thing I would want on the navigation bar buttons is the on click function which windows 8 has in the start menus (clicking in the middle, bottom, right, left and top creates different on click animations, tilting the box in each respective direction).

• Animations - when deleting an item from the cart showing it sliding to the left or right; when selecting another image in the product page it shows a quick fade animation; all buttons also have a fade animation. Overall there will be a lot of animations used which I will explain clearly later.

• Random quotes - to be shown just under the nav bar, if possible.

• Slideshow - (actively looking for an external website myself for this and if you know one it would be extremely helpful as I am picky about this also).

• A "request size" link is on each product page which opens up the contact us page with the title "request - *title for product" in the subject automatically.

• I know the 2 products in the cart are the same, if a customer does this I would like the quantity to increase by one rather than show the same product again. This is just there for visual purposes.

• I have missed out the page where you enter card details, I will like this similar to the checkout page.

• I may have missed a couple of things out and I apologize if I have done so.

Also, at the bottom it will state "designed by - FVC, coded by - *with your name here*". This is a great opportunity if it is your first or thousandth job, and I hope my in-depth details above doesn’t come across in ill manner.

Enjoy.

Skills: CSS, HTML, Mobile Phone, PSD to HTML, Website Design

See more: html psd html, where to start photoshop, website css animation, visual css design, top name card design, shopify html design, quotes about design, psd html and css, photoshop product box, photoshop design in us, need animations on my website, mobile box design, metro one, job requirements for animation, i want to someone to change my website design, i want to create website for myself, i want to create a website and need direction, inspired design, i need detailed animations, i need a shopify store, have someone design shopify store, do i need a website for shopify, design myself item website, designed by shopify, create name design in photoshop

Project ID: #4995801

Awarded to:

usashisl

Hi, Thanks for your description.we are ready to start the work immediately just waiting for your confirmation and just want to know some information to serve you a better quality. Please send me your psd file an More

$74 USD in 3 days
(275 Reviews)
6.9

21 freelancers are bidding on average $260 for this job

webzin

For more details please refer our profile,portfolio and some of our recent sites listed with this message : Ongoing Developments : ======================= http://173.254.28.68/~wordpri7/tour/ http://216.172.164.2 More

$144 USD in 3 days
(91 Reviews)
6.8
WebBizSolution

Dear Customer, We are European Website Development company (SafetyBis Ltd) can finish your project very fast and on professional level. Not the cheapest you will find, but I think you will find our pricing afforda More

$425 USD in 3 days
(42 Reviews)
6.8
ssahilsl

Hi, We are highly experienced in Wordpress Web development,WordPress Plugin Customization, HTML, XHTML, HTML5. Hire team of HTML5, Magento, Joomla and PHP Programmers. Please open message board for previous work and we More

$308 USD in 15 days
(122 Reviews)
6.7
getwebsolutionsl

Hello, We have gone through your requirement and are confident that we can successfully execute the project within the timeline. We are an established Web Design and Development Company having a defined and qualitat More

$515 USD in 12 days
(37 Reviews)
6.5
vsscomputers

we are having 12 yrs experience in web design and development and have done many works. Here are the few works done for the Australian client name FMP DESIGN. www.eufloriaflorist.com.au www.thebeautespot.com.au More

$263 USD in 7 days
(104 Reviews)
6.5
salientcomputer

Hi I am ready to do this project.I have experience in html/html5/xhtml/css/css3/javascript/wordpress/php/Bootstrap frame work.i have lot of experience in responsive website.i will provide you 100% satisfaction with w3 More

$157 USD in 3 days
(224 Reviews)
6.5
JoomlaVogue

Hello Sir, We have gone through the details you have provided and would be pleased to work on this with you to deliver the results that you have expected and We are sure you will not be disappointed if you give us More

$140 USD in 3 days
(44 Reviews)
6.4
linuxfreak1985

Hi there, I have over 7 years experience working on HTML, Wordpress, Magento, Database administration, OpenCart, Website Design, Logo / Banner Design Joomla, CSS and Linux Administration. I have read the project descri More

$252 USD in 8 days
(89 Reviews)
6.4
tiabrains

Hello, We have designed & developed a lot of websites using Photoshop, Flash, HTML/xHTML/DHTML/CSS/XML/Java Script, PHP, MySql,Ajax,Jquery and various open source products (Magento, Joomla, osCommerce, WordPress etc More

$257 USD in 7 days
(47 Reviews)
6.1
superlayout

Hello, we thank you for giving us an opportunity to bid on your project. After familiarizing ourselves with the requirements of your project, we feel very confident that we have the experience and resources required to More

$412 USD in 10 days
(37 Reviews)
5.9
deepakc147

I have experience of 7+years of PSD toCSS3/HTML5,jquery, js platform bootstrap, 100% table less layout, valid codes to w3c compliant and cross browser compatibilities to all major browsers like IE7, 8, 9, 10, Firefox, More

$250 USD in 6 days
(43 Reviews)
5.7
AmazonSoftwares

Hello, We have reviewed your requirement of creating a store on Shopify with unique, creative and elegant web designs by converting Adobe Photoshop Layouts. We will be able to develop your website compatible to mobi More

$250 USD in 7 days
(30 Reviews)
5.6
prashushinde9

Shopify Experts are here!!! Greetings! best of the best is ready to assist you on your project. I have 7 years experience! More awards and better reviews than anyone on the website!

$247 USD in 3 days
(18 Reviews)
5.1
tooltor

Hi, I am really interested on this project and also I have a lot of experience with psd to perfect pixel html conversion. I will provide you the html page with a mobile device version, will works with responsive co More

$444 USD in 5 days
(43 Reviews)
5.1
NsCreations7

Hello SIr, We can do it best.We can do it best. Please see my done websites for there Speed/Layout designa and the Perfect functionalities. My done website that are fully functional, designed and developed by usi More

$370 USD in 10 days
(11 Reviews)
4.8
hashlive1

Hi Thanks for posting the job with a clear requirement.I have read the whole thing very minutely.After reading the description,I have some questions in my mind about the job though I am confident to assuring you th More

$150 USD in 4 days
(9 Reviews)
4.1
votivdeepak

Hello Sir/Madam, I have read all your requirements mentioned on the description and my humble request you to please have a look on our portfolio so that it will give you confidence that we are the best in market More

$185 USD in 4 days
(16 Reviews)
4.0
fattahaabdul

I have 8+ years of experience. Can we discuss. More ever i want to know you want in pure html5 and css3 or you want in some third part technologies like bootscrap. As we deal in PSD -> HTML5 at all levels. We have done More

$263 USD in 10 days
(3 Reviews)
3.9
shreeyait

Hello Sir, We have checked your job detail and as per that we are able to do your job and we have very good experience in Word Press, Joomla, Joomla component, Modules, PHP, HTML,Magento etc . As well knowledge on More

$206 USD in 6 days
(15 Reviews)
3.7
tannguyen79

Hi, we have read all the requirements and review your website.gif in animate, we will convert it to CSS/HTML for you in responsive for ipad, tablet, mobile and cross browser and we are very confident to do this project More

$233 USD in 20 days
(2 Reviews)
3.5