![](https://s3images.coroflot.com/user_files/individual_files/668812__j45qdqomya0hd_bchvwjiuxw.png)
Homepage. The startup had recently finalized the main elements of its branding: logo, colors, and graphics. I developed the overall page design, styled the text, and decided how to use the colors. I employed the graphics to separate content areas and add a sense of personality and fun. Wet Dog can replace the photo at the top with an image or video that is representative of the company's work—a weather map, for example.
![](https://s3images.coroflot.com/user_files/individual_files/668812_ckrlrcji3ggem9brpegiq6hej.png)
Blog post. Wet Dog asked me to wireframe a blog post as I had done for Mousebird. I provided configurations for headers, text, captions, and images. Dotted lines indicate how an image at a particular width would expand across the breakpoints. The company indicated that a main blog page, such as the one that I had wireframed for Mousebird, would not be necessary at this stage. The graphics at the top and bottom relate the blog post back to the homepage.
![](https://s3images.coroflot.com/user_files/individual_files/668812_d88icrw6lc8fr_3jqtkipwy4d.jpg)
Style guide (page 1 of 10). The owners of Mousebird had expressed appreciation for the guide that I had written, saying that I had done “an amazing job structuring the formatting in CSS-friendly ways that made implementation much easier across a broad range of screen sizes.” I replicated that structure for Wet Dog. By providing the document in Microsoft Word, I gave the company the freedom to edit it as needed. This slideshow exhibits five of the eleven total pages.
![](https://s3images.coroflot.com/user_files/individual_files/668812_6ktzoxpq3v0ydot49u8mnkigv.jpg)
Style guide (page 2 of 10).
gLike