Just finished up a “design touch-up” on Zeitgeist-project.com, here is the case study:
1. Project Title
Zeitgeist Project – www.zeitgeist-project.com
2. What is Zeitgeist?
Zeitgeist is a program which logs the user’s activities and events– ranging from files opened, websites visited and conversations. It makes this information readily available for other applications to use. It is able to establish relationships between items, based on similarity and usage patterns. Zeitgeist runs on computer, and mobile phone linux distributions.
3. What sort of research did you do?
Before getting started with my “design clean-up,” I needed to know who Zeitgeist’s competitors were. It was important to know what made the Zeitgeist application stand out , and how I could possibly make Zeitgeist stand out more, using the site’s design as a medium.
4. How did you start?
I started by asking basic questions. Since this web site had a previous design applied to it, I needed to know what Seif (the main man,) liked about the current site, and disliked. Since Seif and the team were content with the current color scheme, I continued to work with that.
5. What were the major changes you made?
I made the main, blue box on the index page a bit larger in height so it could sustain the slideshow app that Jamal Fanaian, and I went to create later on. I did not make the logo for this site, but I wanted to bring the rest of the layout and the logo together– one way I achieved this was by adding the blue dots in-between links on the menu. Also, the sponsor’s image links at the bottom of the page were a bit large, so I aligned them to the left, along with the footer, and brought them from 40 pixels to 28 pixels (the smallest height of them all). Jamal and I then continued to align the baselines of image link text together.
6. How long did this take you to complete?
This was about a 6 hour job.. consulting, design touch-ups, and Jamal’s amazing code at work.
7. What is your favorite thing about this website?
The font exclusivity! The menu, and default font used for this site is DejaVu Sans. This is not a typical web font, but is readily viewable by Ubuntu users, which is one of the project’s target audiences. Of course, the “fall back” font is a good match to DejaVu, it is Verdana.