Stockholm University

http://www.su.se/english/

Really dig into the main “hero” area and main navigation and look at the screen size changes that they’ve designed in. The changes regarding the site search are very interesting. Going from displaying the search form field to just an active button/link to a search page is something I like. They keep a lot of the interaction in place from the wide to mobile sizes too, some of it loses me but some of it is very nicely done.

2 Comments

  1. Pewee

    I think this was a very bad example, responsive yes, functional yes, but not very inspired. You’ve also tagged it as @fontface, Verdana, Georgia and Courier are the only fonts in the CSS and all other instances of the Slab serif as in the banners are all images. I mean look at the buttons, single gradient images, no border and not even a cursor:pointer;.

    I’m not saying it’s bad but not worthy of a mention on UMS in my opinion. But yeah, I guess it is responsive…

    Reply
    • Gene Crawford

      Dang, fixed the @font-face tag, not sure how that slipped on there.

      I’d disagree on it not being worthy, clearly, that’s why I put it in the gallery. Like I wrote and like Ethan says I liked looking at the adaptive changes in the search, navigation and slideshow areas most. I think you can find inspiration in more than just the look and feel of a website too.

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

News & Articles

Looking Fast: The Art of Website Speed Perception

Looking Fast: The Art of Website Speed Perception

In the web world, technical speed and user perception matter. By improving design for a faster appearance, you boost conversions and stand out online. Speed isn’t just loading time; it’s perception.

Designing for Errors: Creating User-Friendly Contingency Plans

Designing for Errors: Creating User-Friendly Contingency Plans

Contingency Design hinges on empathy, understanding user frustration, and transforming errors into positive impressions. By embracing these principles, you enhance user experiences, retain customers, and boost revenue in the competitive digital landscap