Agency Website Redesign

Mateusz Szymkowicz

0

Interaction Designer

Web Designer

UI Designer

Figma

Principle

A new website that marks a new chapter on Xfive’s journey to becoming a digital product studio with a positive social impact.

Watch on YouTube

Homepage

The homepage of the website features an engaging logo animation that captures the user’s attention as they scroll down. The letter “X” in the logo dynamically lights up with each scroll, creating a captivating visual experience. Additionally, the navigation bar is designed with fancy buttons that include cool hover animations, enhancing overall usability and aesthetic appeal. These interactive elements provide users with a lively introduction to the website while ensuring easy navigation.

Case Studies

The case studies section is designed to offer a unique perspective on the collaborative processes. It incorporates chat bubbles that simulate a conversation between the team and the clients, guiding users through the various phases of a project. This interactive storytelling approach not only highlights the nuances of the processes but also fosters connection and engagement. Users can see firsthand how collaboration unfolds, making the complexities of our services more relatable and tangible.

Services

In the services section, we have implemented another impressive on-scroll animation that vividly illustrates the range of services we offer. This animation tells a compelling story, visually representing how our services come to life as users explore the page. Through a seamless blend of motion and narrative, we aim to communicate the value and impact of our offerings, making it easy for visitors to understand how we can support their needs and goals.
Like this project
0

The website I designed won Best UI, UX, Innovation, and Special Kudos from CSS Design Awards, plus an Honorable Mention from Awwwards.

Likes

0

Views

6

Clients

Xfive

Tags

Interaction Designer

Web Designer

UI Designer

Figma

Principle

Mateusz Szymkowicz

Agency Quality, Freelancer Agility.

Rollerblading School - Branding and Web Design
Rollerblading School - Branding and Web Design
A highly attended skate event - Made In Framer
A highly attended skate event - Made In Framer
Restaurant App Concept
Restaurant App Concept
BMW Connected App Concept
BMW Connected App Concept