As the company matured and decided the path to becoming a really, really big business, it was clear that we needed a website to match. I had four weeks (amongst my other responsibilities) to plan, design, and code the site.
The most important aspect of the website (besides providing the necessary content), was for it to be responsive. We have limited resources, so creating separate versions (i.e. m.doubledutch.me) was not an option. It came down to building one site that adapted to many screen sizes, which is challenging from both a content and design perspective, but manageable if you have that frame of mind from the outset.
Other goals for the site were to implement lead-capturing elements for collecting information and segregating by product, showcasing the products better, and implementing new branding for each product to help them stand on their own without being confusing.
Discussions were constant, and I worked hand-in-hand with our marketing lead to create and modify content and graphics. During testing and final modifications were being made, I enlisted the help of one of our senior engineers.
- Ideating (notes in Evernote, discussions with the team)
- Sketching (dot grid notebook + pencil)
- Wireframing (Illustrator + Cage)
- High-Fidelity Mocks (Illustrator + Cage)
- Coding (Espresso + CSSEdit)
- Testing / fixes (All major browsers, Mac and PC)
- Push live (Versions)
- More testing / fixes
**All screenshots are real and taken from their respective devices.