Among its products are a <\/strong>Marketplace <\/strong><\/a>for downloading millions of professional stock photos and other creative assets, an Edito<\/a>r <\/a>for drawing vector designs online, and a Design Studio<\/a> that provides custom on-demand design services. <\/p>\n\n\n\n The client reached out to us with a request to convert the new PSD designs of their website eezy.com<\/a> into quality code. Overall, we received complete designs for four pages: <\/p>\n\n\n\n Initially, the client planned on handling the website\u2019s back-end using their own solution but then had some doubts. We were supposed to deal with the front-end only. <\/p>\n\n\n\n In addition to converting the designs into markup, the client also originally requested that we provide a front-end Contact us<\/strong> form validation and include a Send to Email<\/strong> functionality. <\/p>\n\n\n\n Another feature we needed to implement was a slight parallax effect<\/strong> on the hero images on the Homepage and inner pages to make them look more lively. <\/p>\n\n\n\n The client specified that no front-end frameworks like Twitter Bootstrap should be used on the project.<\/p>\n\n\n\n To get the job done, we used HTML5 and CSS3 for the design-to-code conversion part and jQuery to create a parallax effect and copy link feature. <\/p>\n\n\n\n Since the client only needed to perform some basic back-end actions like editing certain website sections, we discussed some possible options with them that would achieve their goals. <\/p>\n\n\n\n We suggested WordPress as the most viable and efficient solution. The client asked us to estimate the cost of implementing the back-end with WP and after we provided the estimation, decided to go with this approach. So in addition to the front-end, we ended up taking care of eezy.com\u2019s back-end as well. <\/p>\n\n\n\n Using WordPress for the back-end also settled the Contact Us form validation and Send to Email feature integration issues<\/strong>. We installed the Contact Form 7 <\/a>plugin for this purpose. <\/p>\n\n\n\n As requested, we also created a parallax effect for the hero images on the Homepage and inner pages of the site using the GreenSock <\/a>web animation library. However, after seeing the result, the client realized that parallax on the Homepage was too animated and asked us to replace it with a subtle floating effect, which we did. <\/p>\n\n\n\n As for the inner pages, we decided to retain a slight parallax effect to keep things more interesting as the screenshot below illustrates: <\/p>\n\n\n\n Right from the start, our contact person, Nick Power, got the Eezy technical team involved in the project discussion process (by CC-ing them). That way we were able to speed up the exchange of information, get answers to our questions, and respond to the client much faster. <\/p>\n\n\n\n\n We were ecstatic with how our website turned out and really pleased with how easy it was to work with the folks at GetDevDone. We plan to come back with more projects in the near future now that we know GetDevDone can support our own engineering team with great front and back end solutions.<\/p>\n The Challenge <\/h2>\n\n\n\n
\n
The Solution <\/h2>\n\n\n\n
Key Technologies<\/h3>\n\n\n\n
![\"\"](\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/10\/11142826\/home-page-1024x463.png\")
WordPress for the Back-end <\/h3>\n\n\n\n
![\"\"](\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2022\/10\/11143005\/contact-us-form-1024x464.png\")
Parallax Effect <\/h3>\n\n\n\n
\n