-- Image Title -- -- Image Title -- -- Image Title -- -- Image Title -- -- Image Title -- -- Image Title -- -- Image Title -- -- Image Title -- -- Image Title -- -- Image Title -- -- Image Title --
Unsplashed bg

Website – Neighborhood Camera Shop

Here is a camera store concept site that I made using HTML, CSS, JavaScript, and PHP. This site layout was was designed for a small ‘Neighborhood Camera Shop’ (NCS). Thus a good ‘call to action’ was essential because most likely all sales would be done ‘in-store’ rather than online. With that said, contact information and maps were also key elements for the design of this site (the focus of the site was to get customers to either call or come in).

The initial layout was of course made in Photoshop but this time with a more client based approach. Information Architecture (IA) diagrams were created and 2 basic ‘rough’ concepts for the site layout were created. Once the concept was approved and a layout selected, it was onto making the detailed template which would be sliced for the actual site. Unlike my previous sites, for this one I went for a more ‘pixel perfect’ approach with no transparencies and a crisper layout.

Once the final template was created, the coding could begin. I took the same basic approach by coding one element at a time. Most of the coding and asset transferring was actually done in Dreamweaver rather than Notepad++ and FileZilla which made the whole process a bit more streamlined and easier to do. This being my 3rd attempt at coding a site, I was a bit more confident and started to integrate more JavaScript and even designed the site to be WordPress compatible (if converted with PHP of course). HTML5 tags used to specify sections for better SEO and  the same header and footer on each page made the site more grounded and consistent. I was actually quite pleased with the final site and believe that it’s my best one yet (I am especially proud of the navbar/header of the site).

Check out the completed site below:

Software Utilized: Adobe Dreamweaver, Adobe Photoshop, Notepad++, Mozilla FileZilla
Unsplashed bg
playboy

View more

information

View more
plattnewsletter

View more

information

View more
sushihouse

View more

information

View more
dizzys

View more

information

View more
reibrochure

View more

information

View more
room

View more

information

View more
octowarrior

View more

information

View more
lisa

View more

information

View more
polevault

View more

information

View more
club11sec_nov13

View more

information

View more
thefighter

View more

information

View more
boujou

View more

information

View more