Custom Code Project
Curiosity Recreation
The Prompt
Recreate a professional website from scratch using HTML5 and CSS3, with a focus on developing a pixel-perfect homepage and four interior pages. Creating a fixed-width layout that incorporates multiple navigation styles and a custom logo. Ensure cohesive branding, effective content organization, and implementing various web design techniques, including responsive elements, focal points, and call-to-action sections to enhance the user experience.
The Inspiration
The inspiration for this project came from one of my favorite design agencies, Curiosity, which happens to be based in my hometown of Cincinnati. I’ve always admired their creative approach and sleek design style. When tasked with recreating a website from scratch, I chose to base my project on their site because I loved their aesthetic, and their layout conveniently aligned with many of the structural requirements for this assignment. It was the perfect blend of personal inspiration and practical design application.
The Process
From sketchbook scribbles to pixel-perfect comps to a fully coded site, this project saw it all! Here's a peek at how it all came together—hand-drawn wireframes, Photoshop layouts, and a whole lot of HTML/CSS magic. Scroll on to see the behind-the-scenes journey!"
Wireframe Sketches
Every design journey starts with something as simple a pencil sketch.
Photoshop Composition
From picture-perfect to perfectly functional, one step at a time.
Brackets Wireframe
The Final Product
Check out the final result in action, or download the full code to get the full experience of how it all came together!
(spoiler: it's not magic, just a lot of coding)!