A complete digital makeover for Team Rynkeby's website to match the user needs
CLIENT
Team Rynkeby & Pentia Apr 2021 – May 2021
MY ROLE
Sitemap, Wireframes
CHALLENGE
Team Rynkeby wanted a simplified website that would be intuitive for their users as well as be beneficial towards their business strategy. My role was to analyze the current website and provide new and improved wireframes. Below you can see an example of the final result (front page) and the process of getting there.
Before UX/UI: Frontpage
Before UX/UI: Sponsor page
Final result: Frontpage
Final result: Sponsor page
MAP OUT THE CURRENT LANDSCAPE
Let's rewind a bit to the beginning... I approached the challenge by creating a sitemap of their existing website. This way, I got a holistic overview of the number of pages, the navigation, the prioritized elements etc.
For example, I could easily spot that all elements in the footer was the exact same information as users could find different places on the main pages. Therefore I needed to prioritize where that type of content should be located, so it is not replicated multiple places that could cause confusion.
I would mark each page with a red dot, indicating that the content could be connected with different content, yellow dot showing that the page/content should be located differently or blue dot if that page was business critical. This way, I had an easy overview to begin the redesigning of the new structure.
BEING CLEAR ON PRIORITIZATION
Through various meetings with the team we narrowed our focus and got a clear prioritization of content in terms of long-term goals for the client, what drives the business, what motivates the users and what story is important to tell.
Now I could start redesigning the site map which would lead me into designing the new navigation.
WIREFRAMING MODULES TO BE REUSED
As soon as the client approved the new site map, I began the process of wireframing 6 selected pages. The focus was to develop standard modules so the client could get the opportunity to be flexible and put their articles together as they see fit. I provided the design rationale for each one, so the client would understand how each element could benefit their overalls strategic goals. Through ongoing dialogue between client, developers, project managers and myself, we found compromises that would fit the allocated budget and resources. This worked out well, as we aligned expectations along the way and increased the chances of a successful outcome in the end.
When the skeleton of the new website was completed and approved by the client, I did a hand-over of my design to the UI designer that continued the process of implementing the design guidelines.
See some examples of the wireframes beneath.
.png)