Daily Donuts for All Screens
The Daily Donut is the definitive source for vegan mini-donuts and other amusements. The editorial team needed a fast-loading, responsive website for their daily feed of donut illustrations.
User Experience Design
User Interface Design
The Site Design Process
I sketched some wireframes to test out different site layouts. The easiest, most intuitive layout for browsing is a vertical scroll with the branding and global navigation at the top. This also scales well for mobile browsers. I started developing the site right away because I prefer to prototype directly in the browser. I can resize the browser window to prototype for different screen sizes.
Performance is important. For the fastest loading time possible, I saved all of the vector images as compressed svg. I configured the htaccess file on my web server to decompress the svg files correctly. The file sizes are even smaller with compression, and they look sharp on retina screens of all sizes.
Successes and Achievements
I built this website in a few days. It's easy to maintain because of the modular CSS architecture. Without a database, it is portable to any web server in case I want to switch hosts.
The best way to optimize a website is to use it every single day. Pain points emerge, and solutions are quickly implemented.