SSU

Art Direction   /   Concept & Strategy   /   UX

With nearly 10 000 members building the new responsive ssu.se would present both great challenges and great experiences. SSU wanted a new website that met their high requirements for usability and user experience, with a large amount of dynamic content.
The site was to be playful and modern, but at the same time serious and easy to navigate.

Work in short:
  • Information architecture
  • Content strategy
  • Art Direction
  • User Interface design (UI)
  • User experience (UX)
  • Usability testing and evaluation
  • Programming


THE WORK IN MORE DETAIL

STRATEGY AND CREATIVE PROCESS
The first step in every project is getting to know the client and their target groups.  And to find out their goals and dreams about the project. We started of with researching SSU and their current web presence. We looked at their competition and key players in similar areas. Together with SSU we also ran a series of workshops, both on content strategy and design direction.

ssu_sitemap

A NEW STRUCTURE

The ambition was to create a vibrant and user-friendly user experience for SSU members. To get there we did a full site review and restructuring of the content, and sorted the information, rearranged it and then sorted it again. We discussed it with SSU, altered a few misplaced pieces, and finally, there it was, the new site map for SSU.se.

We wanted to create a new way of organizing the content, using hashtags, leaving the the experience fast and user friendly for the user to find the right content.

wireframing2

WIREFRAMES & PROTOTYPING
After building the new site structure, we created paper prototypes for most of the site, high fidelity prototypes for key areas of the website and a mobile first approach.
ssu-presentation1

DESIGN PROCESS
In every one of the workshops, the design was discussed in one or another way. One method we used was about first impression and gut feeling. We presented a number of webpages for the participants and asked them to quickly rate each one of them. We also did background research to understand and adress the target groups we had defined together with SSU.

PUTTING IT TO THE TEST
After creating a new site structure, we started organizing the main navigation path: primary and secondary menu. For the primary menu we performed an online closed card sorting where the participants had to sort the main content. Next, we had a task based exercise. We asked the participants to complete a few tasks on an interactive prototype, the purpose of this study was to improve information flow. To analyze the result of the study we used a card sorting analyzer application which was designed and developed by Strawberry Hill.

INTERVIEWED BY CAP & DESIGN 
Stina was interviewed by Cap and Design for herwork, the leading nordic magazine for graphic designers. The interview (in Swedish) describes the design process in more detail. The article also made it to the front page.  Read it here: http://bit.ly/1o6p0pi


“This is really a nice work. Respect to SSU for daring and doing – and likewise to Strawberry for an excellent execution, both on design and developing.”
Thumbs up from DK!

View Project