3D character for website

I redesigned a website with fun animated characters for an IT company.

UX with a pinch of comedy

Pocitacovka asked me to present them as a fresh and modern company operated by young people who are not boring and get the stuff done. They also needed something that will help them stands out in the crowd of IT businesses.

Mobile view of the website

First I looked at the structure of the old website and some analytics data which helped me to come up with structural changes and ideas for simplification. I wanted the whole thing to be as simple as posible with just enough information. I teamed up with copywriter Šárka Petruželová who helped me handle the copy for the website.

From the begining I knew I wanted to use some fun IT related characters as a main visual comical feature of the new website. Client loved the idea so I felt confident to proceed and put some ideas on the paper first. Then I put everything in Marvel and created an interactive prototype of the new UX design. After some testing and consultations with the client I was ready to create the final design and code it.

Each service page starts with short 3D animation followed by 3D rendered illustration for every paragraph.

Contact form

I wanted to put a nice surprise at the end as a reward for those who submit the contact form. So after designing the initial "boring" version of the contact form I decided I need to increase the comedy level and went back to drawing board. Inspired by the ending of Dr. Strangelove I came up with a much better way to handle the form submission.

Little surprise after submitting the contact form

Keeping it stylish

Lucky for me, my client was just like me. Against conservative approach, looking for something new.

When I researched Pocitacovka's competitors nobody really stood out and frankly now I don't even remember what brands I looked at. This website needed to be very different so I spent quite a bit of time figuring out the best visual and technical approach for this project. After sketching out a lot of ideas and thinking about their technical implementation I settled for the idea of making short animated videos with characters that represent each area of Pocitacovka's areas of services. Client was very happy with the idea and gave me a green light. I ended up making four primary character types which I modeled in 3D, rigged and animated and rendered.

Initial sketches at the early stages of the project
Sketch of IT services animation Sketch of SMART gates animation Sketch of printing solutions animation Sketch of security cameras animation
Header animation for "Security gates & access control" page
Header animation for "Printing solutions" page
Header animation for "IT services" page
Header animation for "Security cameras" page

Browser, leave my colors alone!

The process of coding didn't bring many technical challenges except for having to battle the browser video color corretion so I could match the video backgrounds to the background of the website for seamless look. The website didn't require any super advanced back-end engine so went with good ol' Wordpress.

Working on a new website for Pocitacovka was a lot of fun. In the end I was happy to make something that not only put a smile on my client's face but also increased the traffic and conversion rates and is generally more user friendly website than its predescessor.

Funny 404 error page
404 Error page - The page you did not want to see
Final rendered frame from one of the animations

What fancy thing can I make for you?