Web Design & Development Client Website
This is the final product of a semester-long assignment from an intermediate web development class I took at Clemson to help teach students how to work with clients to design, program, and publish a working and aesthetic website through hard-coding HTML and CSS.
​
My client wanted a bakery website so we met and went over the general structure (pages needed), purpose, and color themes for her site.
(I also decided to create a simple logo for her site to make it feel more like a real bakery)
​
In this video, you'll see rollover effects, photo galleries, and more on each of the site's pages all created with HTML, CSS, and jQuery.
Phase #1: Wireframes
After discussing the purpose, pages, and overall feel she wanted for her site, I moved onto creating wireframes. During this stage, I created these to give both her as well as myself some sort of visual for the site.
​
We met outside of class to go over her thoughts on the layout that I had chosen as well as some elements I was thinking of including and everything went over very smoothly.
​
Onto the next phase!
Phase #2: Mock-ups
After reviewing the wireframes with my client, I created these mock-ups to give us both an even better visual of what the site would look like before even touching any HTML & CSS.
​
Once we went over the initial mock-ups, she brought back some changes so I updated the mock-ups and we met again to finalize everything before coding her website.
​
Next...the fun part!
Phase #3: Coding
After finalizing the mock-ups, I dove into the hard-coding HTML & CSS. I ran into many challenges but online forums from the web community mostly answered all of my questions.
​
What I enjoyed most about this phase was the challenge of coding a site from scratch (something I had never even thought of doing before until taking this class).
​
I love a good puzzle!
​
*Refer back to top of page for final website video*
