Gallery / Dept. of Spanish & Portuguese, UC Berkeley« previous | next »
Dept. of Spanish & Portuguese, UC Berkeley
Current rating: 6.3 (938 votes)
Votes are closed for All Stars entries
- Added: 08 March 2007
- Designer: Miguel Ripoll
- Submitter: Tzmedia (T's something)
Review:
The Spanish.Berkeley website does a great job of mixing bold typography with a minimalist approach to styling, and some beautiful randomly presented header graphics that are quite spectacular. I found myself sitting and clicking the refresh button, just to cycle through the header graphics, which were almost thirty some in number!
Attention to details is evident throughout the site. For example the seldom seen noscript tags, which tells the user in a polite way "Viewing this site with Javascript turned off, or using an outdated browser will not make the content inaccessible in any way, but the visual experience will be somewhat less aesthetically pleasant". Oh how true, the aesthetics that make up this site are very nice indeed.
Employing a variable fixed width layout that works remarkably well, . The div structure breaks down nicely in almost any browser window size, down to an 800 pixel width setting. It is by using a series of div's, float left, and margin left techniques to name a few of the tricks incorporated in this type of layout, that it does it's magic. This smart school of layout is on my short list of must-try design techniques.
Built on WordPress 2.0.2, with a host of additional features and plugins. This setup does a great job of allowing blogs and all sorts of input from school staff and students. All in all the site does a great job of mixing modern minimalist design, with a rich almost old world flavor and heritage.
Reviewed by Tyler Gossman
There are 14 guest comments so far.
Gallery by month:
- June 2008 [3]
- February 2008 [1]
- January 2008 [1]
- December 2007 [1]
- October 2007 [2]
- September 2007 [1]
- July 2007 [2]
- June 2007 [1]
- May 2007 [3]
- April 2007 [1]
- March 2007 [3]
- February 2007 [2]
- January 2007 [4]
- December 2006 [3]
- November 2006 [3]
- October 2006 [3]
- September 2006 [3]
- August 2006 [3]
- June 2006 [5]
- May 2006 [1]
- April 2006 [1]
- March 2006 [2]
- February 2006 [1]
- January 2006 [3]
- December 2005 [3]
- November 2005 [3]
- October 2005 [3]
- September 2005 [6]
- August 2005 [7]
- July 2005 [9]
- June 2005 [7]
- May 2005 [9]
- April 2005 [12]
- March 2005 [20]
- February 2005 [6]
- January 2005 [7]
- December 2004 [9]
- November 2004 [14]
- October 2004 [14]
- September 2004 [15]
- August 2004 [24]
Gallery by rating:
Gallery All Stars:
- 02.2008 | Satsu Design
- 01.2008 | FortySeven Media
- 12.2007 | Biola Undergrad
- 12.2007 | Marius Roosendaal
- 10.2007 | Marius Roosendaal
- 09.2007 | Cravattificio.com
- 07.2007 | Rikcat Industries
- 06.2007 | Team Viget
- 05.2007 | Oxford Hotel
- 04.2007 | the Geniant Blog
- 03.2007 | Dept. of Spanish & Portuguese, UC Berkeley
- 02.2007 | A-Film
- 01.2007 | nonstep radio
- 12.2006 | Word Of Sport Bookshop
- 11.2006 | Syd Lieberman
- 10.2006 | C-Ville
- 09.2006 | Yes Insurance
- 08.2006 | Exozet
- 06.2006 | Hellgate: London
- 05.2006 | Dalit Freedom Network
- 04.2006 | Jakub Krčmář
- 03.2006 | Veerle's Blog
- 02.2006 | UX Magazine
- 01.2006 | E-knjige.net
- 12.2005 | The John Carroll School
- 11.2005 | Kutztown University
- 10.2005 | 31Three
- 09.2005 | Derek Powazek
- 08.2005 | A List Apart
- 07.2005 | Avalonstar
- 06.2005 | 9rules
- 05.2005 | folietto
- 04.2005 | web.burza - Superhero Edition
- 03.2005 | Joshuaink
- 02.2005 | Brother Jones Artwork
- 01.2005 | badboy.media.design
- 12.2004 | Mezzoblue
- 11.2004 | Shaun of the dead
- 10.2004 | Hicksdesign
- 09.2004 | Small Transport
- 08.2004 | Justwatchthesky
Comments / recent
About digimurai: Very nice design. Give me more....
[more]
About digimurai: Hmmm...Design is ok but nothing gallery worthy. I ...
[more]
About from scratch design studio: LOL at this Flash site. Verrrrry bad. Stylegala is...
[more]
About from scratch design studio: Gefällt mir auch sehr gut, vor Jahren habe ich mit...
[more]
About digimurai: Tolles Design, gefällt mir sehr gut....
[more]
Search
Features
- Stylegala BookStore
- The Stylegala BookStore has a massive archive of great books for you as a professional..
- Bullet madness
- Bullet madness is a list of 200 bullets, arrows and icons uploaded by our users.
- CSS Reference
- An alphabetical list over the most common CSS1 and CSS2 syntax and properties.
Sponsors

The Zen of CSS Design
Wow! This is pretty amazing. I'm not sure what impresses me more. the deisgn or the fact that it's powreed by wordpress! How did they do it?!!
I like the overall attempt but I think some of the site is a bit overkill.
I'm not really a fan of the navigation hovers...the green is too, well green. It matches the other greens but I feel there is too much of it in the hovers and you loose the cool text color due to the amount of contrast.
I really am not sure about the typography for the third column. Too much real estate is taken up with big letters that don't visually serve much purpose. And the search box doesn't have a visible submit button which is a pretty big usability feature that is missing.
I really like the rotating headers. They were well done and look really nice with the overall concept and feel of the site.
I love it, because this old gazeta style match exactly with the the spanish and portuguese studies, in a good and clean way.
So, take a look at the site being reviewed here and then take a look at http://www.virb.com/
No comparison. The site being reviewed aint bad but doesnt hold a candle compared to the new virb site. Sry but I'm sick of the sites being reviewed here lately.
@Darrell,
What exactly are you bringing to Stylegala and the design community at large with this comment "Sry but I'm sick of the sites being reviewed here lately."
I usually just delete comments like this because they have nothing to contribute to the discussion of the site under review and they insult fellow designers (are you claiming to be one?). Feel free to share your website with us here so that we may all take a look at what design is really all about.
Better still why not write up a review of the site you pointed out and email it to me here info@stylegala.com.
Simon
Hi Darrell
Try validating your pick:
http://validator.w3.org/check?uri=http://virb.com/
visually it's nice, but validation comes up a n0-go.
The cut starts there then, maybe some things can be fixed.
As the designer of the reviewed UC Berkeley site, I would like to thank you all for your feedback and support.
Just a couple of corrections, if I may: the site has not "30", but 450 different headers which are loaded dynamically, as the reviewer justly pointed out. Due to the randomness of the display, some appear twice within the same session. Other sections within the site, like the Semmycolon seminar have a completely different (and quite wild) illustrative style.
Re the alleged accessibility "flaw" of the search box: throughout the site we used graceful degradation so that users with Javascript off, or using keyboard navigation or browsing through a screen reader or a very old browser would NOT miss any content or basic functionality. Visitors using modern browsers with Javascript on get a dynamic AJAX search box that produces results in real time from the database. Others get a normal search box with a submit button.
This site is really quite amazing. I was not entirely bought over by my first impression of the site design, but the more I browsed the site the better I felt about it. The variable fixed layout is executed very professionally. In my opinion the only small flaw was the difficulty I found in returning to the homepage; there's a link at the foot of each page, but its position is far from obvious and should have been at the top. Nevertheless a great gallery addition!
aaaaaayyayayyyy... what can i say, the design at first does not look impressive, but the elements are great... there is something wrong though, maybe its the choice of "total white" background, did u try something different to support ur choice of multi-column layout? like in newspapers?
The header, the graphics are great, but the navigation is litterally killing it. I use a wide screen, and it spans four columns, it makes it look unorganized at the bottom, may you should limit the maximum width to be 1024?
the "top" link, you are very well aware (or maybe in your sub conscience) that i will never be clicked, can you have it in your heart to lose the link?
finally, a word of advice, there are too many black and dotted lines, if you give them a lighter shade they will stop getting in the way.
Great job, especially on the code side of it. and if you were trying to get away with "centered headlines," you nailed it!
Awesome site, on every level. I will certainly be looking at this one again in more depth, as there's a lot that can be learned from the structure and design. I'm a big fan of the header and nav combo - it's brave and ball-sy and works and I love it so there!
It's a bold look for what is in essence the website of a University department. This designer has "cojones" and for that we can only salute him. Kudos!
I like it, and don't like it at the same time. Some have already mentioned that the design doesn't really impress at first. I'm with them. I'm also not quite sold on these variable fixed width layouts yet. It makes a lot of sense if a person is only going to visit a particular website from his own personal computer, but I think a lot of people go to websites from many computers, some with different resolutions. Having a variable fixed width layout will make elements appear in different places, making them the user look harder for something that he thought he already knew where it was.
For example, my laptop has a screen resolution of 1600x1200, but sometimes my browser only takes up half the screen (800x1200). I also sometimes use my wife's computer, which is set at 1024x768, and occasionally a computer at my school, and there's no telling what the resolution there will be! So that's possibly 4 different renderings of a website, and 4 layouts to learn.
I say all this not so much to criticize, but mostly to organize some of my own thoughts on the issue. Ironically, I'm debating using a variable fixed width layout for a site that I'm working on, but that one aspect of the whole thing is what's holding me back. Thoughts?
I do like, however, that the site is full of information, yet not cluttered. The site isn't afraid of being a little different, so that's always nice. I also applaud your efforts of degrading well for older browsers as you've explained above. All of these things are what I think of when I think about the future of websites.
You made some good points Chris.
The references to learning the layout, imply it's probably a good idea to get the major nav elements to where they won't be jumping around the page if possible.
A long page if the right column drops beneath the entire layout, the use could think they lost it somehow, and not notice that it merged down into the bottoms of the page.
My window space is larger than 1024, but I commonly reset the browser to only take up 1024px, so as to be able to see my sidebar Yahoo widgets, and do any copy pasting from a sidebar.