Discovery
The redesign process was preceded by a thorough review of the artifacts developed by the client's team, an analysis of the current website and an analysis of the industry environment.
Ideation
To develop the best UX and visual solutions, we gathered a set of design inspirations, using them as examples for discussions aimed at identifying solutions that truly reflect Ragnarson's spirit. The next stage involved analyzing a strategic document provided by the client's team, outlining a new direction for the project. Insights from this document guided the development of themes for the graphic layer and the underlying concept for the new design. The decision to explore Nordic themes, their symbolism, and significance was inspired by the company's name and values. Illustrations and details in the project are intertwined with Ragnar and the many stories and myths associated with him.
Creation
Our goal was to achieve the minimalist style desired by the client, but in such a way that the website gained a character that refers to the name "Ragnarson" and Norse mythology - typography, modern layout and replacing clipart style graphics with dedicated illustrations played a key role in this project, which was designed to give a unique style to the new website.
Typography
One of the key elements in constructing the entire visual layer of the new design is typography, which harmoniously complements the website's layout with its style and character. We chose a font with modern proportions and distinctive glyphs to distinguish the site's character.
Nordic mythology
The illustrations collected throughout the project are linked to symbols that describe the mythologies of the Scandinavian peoples. The design includes a representation of the tree of life Yggdrasil, runes, dragons, constellations, gold coins and many other related symbols.
Dedicated icons
The specifics of the industry required deepening the topic of the technologies used by in-house developers and creating dedicated icons to match the layout and theme.
Delivery
Close cooperation with the Ragnarson team, which included those responsible for the implementation of the website, allowed parallel delivery of files and execution of work on the client's side. This resulted in effective cooperation with the development team and the ability to quickly respond to any changes resulting from the implementation process.
Style guide/Hand-off
During the design process, simultaneous work was carried out on the style guide, in which the designers collected a set of basic elements used in the interface. This will facilitate the work of developers in the future and positively influence the further development of the project, as accurately described interface elements ensure visual consistency.
Figma
The use of Figma facilitated the process of delivering views for implementation. The program's features allow not only for designing but also for transferring projects to developers, which are precisely described using programming language. Using this tool saved time and improved communication between the design and implementation teams.