Responsive Web Design and Usability

uiwizards

I re-designed my colleague Jeff Johnson’s website earlier this year. As a consultant for user interface design, Jeff needed a website that reflected his ethos of user-centered design. So, I designed his website harnessing the power of a web framework called Bootstrap. Along with my own custom graphics and customized Javascript and CSS, I was able to utilize a powerful set of tools that has been developed for free use. Some of the Bootstrap features I was able to adapt and customize include having the navigation bar affix to the top of the screen when scrolling so that you can easily navigate the site without wasting time scrolling back to the top of the page. I also coded the site to be fully responsive to different screen sizes, thus automatically reformatting the CSS to look great on phones, tablets, and various sizes of monitors.

Share

Logo and Web Design for Progressive Media

It was my pleasure to design a logo and website for OtherWords. Distributing commentary and cartoons aimed at amplifying progressive analysis in the national conversation, OtherWords empowers readers to become more engaged citizens.

The publication-ready columns, op-eds, and cartoons on the website are available free of charge, as long as the author(s) and OtherWords are cited as the source for this work.

About 1,700 newspaper editors subscribe to their weekly editorial package that consists of three columns, four op-eds, and one cartoon. Most of their subscribers are small dailies and weeklies in America’s heartland. Formerly known as Minuteman Media, OtherWords became part of the Institute for Policy Studies in 2010.

Share