Notable Points:
- Simple, intuitive; yet, complex UI
- Latest web standards – CSS3 and HTML5 compliant
- Completely custom graphics created from scratch in Photoshop
- Renders in all modern browsers
See it live in action at http://eastbaycustomflyrods.com
Over the past few months I have been slowly but, surely been chipping away at a new idea I had. I wanted to create a website that could motivate and energize people purely based on the content provided on the website. I thought that this could be a catchy concept which, was intuitive enough that anyone could pickup and understand easily, without much thought; yet, it was unique enough so it is not just a copy of everything else on the web.
In order to intuitively express this concept I decided to implement different degrees of energy based on familiar concepts. I broke the site out into 3 degrees of energy: Tea, Coffee, and Energy (drinks). The tea section, is the lower of the energy intakes. It will provide content that is more intellectually stimulating or laid back mental stimulation. The energy (drink) section, is the highest caffeine intake. This section will contain action sports, some MMA fighting, etc.; content, that will be “balls to the wall” crazy. Then, you have coffee. This is a middle of the road energy intake. Here, I will have content that isn’t exactly intellectually stimulating or high impact energetic content. Instead, you will find funny, shocking, and just randomly cool, stimulating content. Additionally, I intend to incorporate news about the various beverages; so, you can stay on top of the latest news and concepts surrounding your favorite caffeinated beverage.
My aim at the design of this site is to be welcoming, innovative, and stimulating on its own. The header is busy because I feel it really expresses all the aspects of the site in one illustration. As previously mentioned, there are three sections to this site. Energy, Coffee, and Tea. This way, a user can filter the content on the site by a particular energy level and get though their afternoon crash, while sipping on their favorite caffeinated beverage. The comments engine is built using the Disqus comment system (which, you can read about here). When developing, I thought for the future. I applied a lot of CSS3 design concepts. Therefore, it is highly recommended that you use a modern browser. The latest Firefox, Chrome, or Safari are preferred. IE6 will not be supported. Have a look at Redesign: My WordPress Journey for my reasoning behind dropping IE6 support and coding with CSS3 concepts.
… Go on over to http://AfternoonCrash.com and check it out! All feedback is welcome, and you can use my Contact Form and let me know any questions, concerns or comment you have. All feedback is more than welcome. Finally, don’t be afraid to get involved. I would love to generate a community who helps steer this site. So, go on and comment, share stories and, even submit them to me and I might just use it! 😀
Due to the popularity of the green version, I decided to offer a pink version of quantum potion.
Resolutions: