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

Sign-Up: Enhancing Conversions through good UX

Sign-Up: Enhancing Conversions through good UX

Optimize your website’s sign-up process by focusing on clarity, ease, and user mindset. Clearly explain the purpose, benefits, and steps, and use social proof to build trust and drive conversions.

The Essential Guide to Getting Started on Freelance Writing

The Essential Guide to Getting Started on Freelance Writing

Explore the lucrative and fulfilling world of freelance writing with our essential guide. Learn about specialties like blogging, social media, article, and technical writing. Build a portfolio, find work, set up your business, and discover the potential earnings. Embrace the freedom of working from home and follow tips for success in your dream career.