Web development company website refresh

Web development company website refresh

Web development company website refresh

Client

Creatim d.o.o.

Team

4 people

My role

Brand design

Prototyping & Testing

Visual design

Animation

Year

2021

Brief

Brief

Brief

I aimed to refresh our brand identity and redesign our company’s website. The old website was outdated and did not effectively showcase our work. I wanted potential clients to be inspired by our ability to digitally transform other companies' websites and help them improve sales and business performance.

Problem

Problem

Problem

The old website failed to showcase our projects well and did not inspire clients to work with us. The animations were rigid and looked outdated. The company lacked a consistent and appealing look and feel for our brand's products and services.

Solution

Solution

Solution

First, I developed the company's brand identity and created a consistent and appealing web UI. I included numerous small animations to make the site modern and interactive. I redesigned how we presented our case studies, making the presentation more sales-oriented.

1.

1.

1.

Design process

Design process

Design process

Research/

discovery

Research / discovery

Research / discovery

I gathered feedback from our clients about their pain points while interacting with our site and researched potential improvements suggested by employees. Based on the user research and interviews, I realized we didn't define and present our product—our case studies—clearly enough.

I gathered feedback from our clients about their pain points while interacting with our site and researched potential improvements suggested by employees. Based on the user research and interviews, I realized we didn't define and present our product—our case studies—clearly enough.

Design

Design

Design

I redesigned the presentation of our products, built a new branding as the old one lacked visual identity, and transformed the webpage into a modern, fast, and easy-to-understand site. I used subtle animations and colors to guide users' attention to important parts of our digital presentation.

I redesigned the presentation of our products, built a new branding as the old one lacked visual identity, and transformed the webpage into a modern, fast, and easy-to-understand site. I used subtle animations and colors to guide users' attention to important parts of our digital presentation.

Prototyping & Testing

Prototyping & Testing

Prototyping & Testing

I tested high-fidelity prototypes with real users to gather accurate feedback and insights into "what's working" and "what's not working." This process helped me identify areas needing improvement before the final product went live.

I tested high-fidelity prototypes with real users to gather accurate feedback and insights into "what's working" and "what's not working." This process helped me identify areas needing improvement before the final product went live.

2.

2.

2.

Concept and development

Concept and development

Concept and development

Logotype redesign

Logotype redesign

Logotype redesign

Brand design

Brand design

Brand design

I set up a new system of geometric shapes that define graphics and are used to accentuate important content, serving as a parallax element in the background that adds movement to the page when users scroll down.

I set up a new system of geometric shapes that define graphics and are used to accentuate important content, serving as a parallax element in the background that adds movement to the page when users scroll down.

UI kit

UI kit

UI kit

Before developing the first version of UI I created a new brand identity and visual system using basic geometric shapes, groups of shapes and patterns. I redefined typography and the use of colors. I created a simple set of icons, buttons, and a color palette using different shades of the logo. I defined new typography, colors, the use of pictures and icons on the website.

Before developing the first version of UI I created a new brand identity and visual system using basic geometric shapes, groups of shapes and patterns. I redefined typography and the use of colors. I created a simple set of icons, buttons, and a color palette using different shades of the logo. I defined new typography, colors, the use of pictures and icons on the website.

3.

3.

3.

Design and prototypes

Design and prototypes

Design and prototypes

4.

4.

4.

Case studies

Case studies

Case studies

Our case studies are the products we are selling on our website. That’s why we had to make them pop out and present in a clear and marketing oriented way. Case studies are designed boldly with the bright colors of our customers and are made to grab users' attention with lots of photos and graphic presentations.

Our case studies are the products we are selling on our website. That’s why we had to make them pop out and present in a clear and marketing oriented way. Case studies are designed boldly with the bright colors of our customers and are made to grab users' attention with lots of photos and graphic presentations.

5.

5.

5.

Subtle animations

Subtle animations

Subtle animations

Subtle animations help bring the user’s focus to important CTA’s and make the site more interesting and attractive for the users to navigate through.

6.

6.

6.

About us

About us

About us

I wanted to make the experience for the users more personal and show the faces of the company to our potential clients, leading to the redesign of our "About Us" page.

I wanted to make the experience for the users more personal and show the faces of the company to our potential clients, leading to the redesign of our "About Us" page.

Are you interested in the final product?

Click here to visit the website

Go back to my work

SB

About me

Work

Let’s talk

SB

About me

Work

SB

About me

Work

Let’s talk

Create a free website with Framer, the website builder loved by startups, designers and agencies.