Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Business

Connor Ordish
Connor Ordish
5,610 Points

Creating a website based on an image from the client help

Hi there,

I have a few clients that I have created some websites for but it has always been me doing the designing as well as the developing and creating.

My next client has designed the website they want and have sent it as an image (.jpeg) and would like me to create the website based on this. I was just curious as to what the best way would be to go about this and start the project.

Would it be to start from scratch or use a template?

Thanks for your time its greatly appreciated!

Connor

3 Answers

Alan Fox
Alan Fox
10,214 Points

I suppose it depends on the image and how closely it matches an available template. One thing I would say though is try and get the image as a Photoshop or fireworks file so that you can access all the images individually (as layers). This will make things a lot easier because you can use bits that are hidden behind other images (impossible in a flat .jpeg). With some designs you can get css to match the image (best option), other designs will require the original image to be broken down and used as background images in table format.

James Barnett
James Barnett
39,199 Points

Trying to perfectly recreate an image as a website is not a good recipe in today's mobile first world.

Alan Fox
Alan Fox
10,214 Points

Agreed but sometimes the client wants what the client wants. No matter how horrible it may be!

Clients don't know what they really want.

Now let me clarify that lol. We create websites, and we know the best practices, and we know what is reasonably possible. Unless this client is a web developer himself I'd say you just take "inspiration from the photo" and tell them it's not going to look exactly how the image looks because it's just a messy way to make websites, considering that it's not all on a desktop screen, but also phones and tablets.

Connor Ordish
Connor Ordish
5,610 Points

Thankyou very much for your help! Greatly appreciated and it has all been taken into account!