Loading
Work

SK ONE

SK ONE

My Role

UX/UI Designer, Brand Designer

Timeline

38h (Research, Moodboard, Brand Design, Design System, Screendesign (Mobile,Tablet, Desktop), Prototype, Handoff, Testing)

Overview

SK One is an advertising agency based in Constance, Germany. As a full-service marketing provider, they offer a full range of media and marketing disciplines. To better reflect their expertise in creation, media, and innovation, we redesigned their website and modernized their brand identity.

Goal

Our goal was to give the agency a fresh and modern appearance while strengthening its brand identity. We aimed to create a cohesive and recognizable design that reflects the agency´s values and style. We also focused on enhancing the website´s user experience by making all information easy to find.

Analysis and Research

We started with a thorough review of the existing website and brand identity to see what was working and what needed to change to better reach the target audience. This included redefining the company's direction: What emotional language should the brand speak? What values should it communicate? We also undertook a competitive analysis to identify best practices and current trends, aiming to position the agency as a pioneer in the industry.

 

 

Concept and Brand Identity

Based on our analysis and research, we started by creating moodboards to explore the visual directions the company could pursue and the impact each would have. Each direction emphasized different values, and with close collaboration with the client, we settled on a clear direction.

Given the company's established presence, it was essential to guide the brand identity in the right direction and ensure the design communicated effectively, while maintaining the brand's established recognition.

Logo: The logo remained unchanged.

Colors: While maintaining the core colors, we enhanced them to be richer and more vibrant, giving them a fresher, modern, and friendlier appearance. This adjustment reflects the agency's energy and dynamism, drawing more attention and gives the brand a modern and fresh appeal.

Typography: We completely redefined the corporate typography, now consisting of two sans-serif fonts that create a modern and professional appearance. The primary font ensures high readability with its clean and simple form, while the secondary font introduces dynamics and visual hierarchy through subtle contrast, without compromising clarity.

Illustrations and Icons: To soften the modern yet somewhat rigid and serious appearance, we integrated custom-designed illustrations and icons. In combination with the otherwise clean design elements, this adds a personal and authentic touch, highlighting the creative side of the company.

 

SK One brand colors comparison: old versus new palette showcasing updated visual identity.
Old vs new colors
New SK One website typography and custom illustration style, demonstrating modern UX/UI design.
Caption

 

 

Design Development

Once we finalized the client's new brand identity, we started with the website relaunch.

We focused on improving user experience with a modern, appealing design. To achieve this, we developed a one-page layout that presents all essential information clearly to users, with additional subpages for detailed project descriptions.

After creating an initial structure and wireframes, we established a design system based on the new corporate identity to ensure a consistent and structured appearance throughout the website. With a strong focus on maintaining user-friendliness while creating a dynamic site with animations, we developed the first interactive prototypes for desktop, tablet, and mobile. These prototypes underwent thorough user testing to ensure optimal user experience before implementation.

 

Initial draft of the redesigned SK One website layout, featuring new UX/UI elements and structure.
Caption

 

 

Handoff and Testing

After receiving final approval from the client, we proceeded with handing over the entire design to our development team. Throughout this process, we maintained continuous collaboration to ensure accurate implementation. Once implemented successfully, we performed initial design testing, followed by internal and final client testing.

After confirming the design was implemented correctly and all functionalities were operating smoothly, we proceeded to the final launch!

 

 

Outcome

The relaunch of the agency's website has impressively refreshed the brand and created a strong, consistent visual identity. The new design communicates modernity and freshness, combined with an inviting and dynamic atmosphere that perfectly captures the essence of the agency.

The balance between creativity and clarity creates an engaging user experience that excites both existing and potential clients, and the new visual language clearly sets the agency apart from competitors and positions it as innovative and forward-thinking.

The website now embodies the agency's energy, creativity and professionalism in an impressive way, ensuring that users receive a distinctive and lasting brand experience.

 

Interactive sticky call-to-action button on the SK One website with a hover animation, enhancing user interaction.
Caption
Dynamic menu on the SK One website with mouse movement-triggered effect and hover effect that splits the text.
Caption
Hover effect on the SK One case section revealing background images, adding visual interest to the content.
Caption
Scroll-triggered dynamic movement of the call-to-action button on the SK One website, improving engagement..
Caption

 

 

Conclusion

One of the key challenges was to maintain the already established brand image while creating a fresh and modern look. Through intensive analysis and close collaboration with the client, we succeeded in retaining the brand values and recognition value of the brand. The website redesign required a thoughtful design concept that was both creative and functional. The transition to a one-pager layout and the implementation of animations required careful planning to ensure a seamless user experience across multiple devices. Through interactive prototypes, we were able to test and optimize the user experience early on, resulting in an improved usability of the website.

The website relaunch for SK ONE was a challenging but extremely rewarding experience. Through in-depth analysis, creative design decisions and close collaboration with the client, we were not only able to achieve the goals set, but also exceed expectations. The new website is not only a reflection of the agency's innovation and creativity, but also a powerful tool to increase brand presence and customer satisfaction.

 

Before and after comparison of the SK One website redesign, highlighting major visual and functional improvements.
Caption