Tim Garstman

TurboTheorie

Registration Flow Redesign

When I started working at TurboTheorie, the excisting registration flow was a mess. It was a bit inlogical and there were many improvements that could be made.
During the redesign, the input of the customer service employees was key to create a good flow, since they would be working with the filled-in information. The finished product resulted in an easier workflow, less uncertanties, more explanation and more registrations.
The live version is still in use at turbotheorie.nl.

Date-picker, before this was an drop-down with fewer options

Confirmation Page

TurboTheorie

Subscription Page

This page is an subscription page for TurboTheorie online, an online course. Users see some information and the packages they can choose. This version is not yet online, but will be in the near future.

Program In Ivido

Personal Battery Tool

The personal battery tool is a program in Ivido and the concept is created by Peter Ribbens. The tool is used for people who want to fight stress by monitoring what gives them energy and what drains their energy.
Back in 2018 me and a colleague made designs for the then new program. We both hadn't much experience and the developers who later build it hadn't either. This resulted in a program that worked poorly. An user even complained that the product drained her energy more than it saved her.
The project clearly needed to be redesigned and after nearly two years it was finally possible. The UX of the project was a lot improved. Data was used and the most-used action is now the main focus of the page. After finishing this project, good reactions were received.
More about the founder of the Personal Battery Tool can be found on this page.

First release

UX Practice

Landingspage

This is an personal project to practice my UI skills. The main image consists out of three different images, but I edited them together to make an appealing header image. Together with this I created a brand style to complete the landings page.

The images still separate

Flow In Ivido

Managing Care Relations

I worked party on this project. I was included in the later stage after a colleague had made a lo-fi version.
My task was to improve the designs and to finish the project. I did create wireframes, tested it again and made the final designs for it. The final designs were pixel-perfect and existed of multiple scenario's.

UX Practice

Good News

This is an personal project to practice my UI skills. I came up with a simple concept, a news app with only good news, since most news apps are filled with depressing news.
I kept the designs light and tried to channel positive vibes.

Function In Ivido

Medical Dashboard

This project is made for Ivido and is one of the difficult project I have worked on. At first, it was hard to be on the same page as the client and the functions of the original designs were complex and hard to understand. This required more meetings in the beginning and more feedback rounds.
On the way I could figure things out and further design the project until the client was happy. After the project was finished there were good responses and today it has been developed. It will soon be in use by healthcare professionals.

Service Design Project

Chat On The Go

The 'Chat On The Go' is a project developed during my study. The goal of this project was to think of a concept to bring people together. This project involved a lot of sketching and rethinking the concept.
Me and three fellow students came with a concept to transform boring take-away cups into an tool to bring people together. On each cup there was an different question customers should ask to a stranger. To stimulate them to actually ask this question, they had to enter each others answer online in order to get a free drink.

UX Project

COC Haaglanden

This project was made during my study for the COC Haaglanden. This client wanted a new website created to inform locals about events happening in the city. This where either their own events or events form bars in the city, who all had good connections with each other.
Researching the needs of the users and client was the focus of this project. Therefore, I talked to bar-owners in The Hague and customers. After gathering information I tested a lo-fi version of the website and further developed this in wireframes.

TurboTheorie

Marketing Poster

For this project, a collegue and I designed a poster that is shown on a few highscools throughout The Netherlands. The poster includes an promo-code (here removed) to gain new users. The title 'F*CK YES!' was later changed to 'OH YEAH!' to make it more suitable for highschools, but I still prefer this version.

First concept, focused on layout

Second concept, focused on image and text

Vogue 2018

Lady Gaga

The lines are drawn over an beautiful picture of Lady Gaga, published in an issue of Vogue in 2018. Once the lines are set, I apply the base colors. Then I go into the details, adding shadows and highlights with flat colors or gradients.

During the project, base color.

During the project, appying details.

Final version, close-up.

Rosé

Drag Race Season 13

In RuPaul's Drag Race season 13, the contestant Rosé wore a nice look, with a hat that looked like a lampshade. I though it was beautiful and tried to remake it in Illustrator.
While working on this illustration, I did spend most time on the rhinestones. I had to give them individual shading and perspective. I did only show party the body to highlight her face and hat.
My work was approved by Rose herself, since she posted it in her Instagram Story.

Composition Practice

Unicorn

This illustration was the second one with an different style, therefore I was still experimenting with it.
I was talking to a friend of mine, and she also wanted to develop her illustrator skills. We agreed to both make an illustration of an unicorn and later we gave each other feedback. Below is the first version, and it looked good for a practice, but I wanted more.
The final result was much more than I first planned to do, I kept wanting to add more and more. Because I did not plan it good I spend a lot of time into the position and size of the elements. Working with mostly gradients creates a interesting look and was a good practice.

During the project, initial idea for the illustration

During the project, before changing the lightning and composition

Witness The Tour

Katy Perry Animation

After attending Katy Perry's concert myself I was absolutely amazed by the opening of the show. She came on stage, standing like a bad-ass, with an huge eye behind her synchronized on the music.
At first I tried to remake this moment as an illustration a(seen below), but it didn't come close to the amazing moment I experienced. I continued the project in After Effects to edit in music and lightning. This made the illustration come alive.
I had limited experience with After Effects. This animation is made with simple keyframes on the timeline, showing and hiding different images. I am planning to develop my After Effects skills more in the future, since it is fun to work with and makes the illustration come alive.

During the project, creating the character

Finished character, plain background

Finished character, concert background

Drag Race Season 6

RuPaul

This illustration is based on the promo look of Season 6 of RuPaul's Drag Race, way back in 2017 before it went mainstream.
It is possible that I spend a ridiculous amount of time drawing the hair.

MET Gala 2019

Lady Gaga

This illustration is based on the look Lady Gaga wore on the MET Gala in 2019 (at least one of the four looks).
This is an different style I am used to, without any thick black lines. It makes the whole illustration more vibrant. However, it was quite challenging, since all shapes and depth has to be shown with dark and light gradients. As you can see, the whole dress is one color but it gets it's shape by the used dark and light gradients.
This look was totally different than my previous work, but I am liking the style and the finished result.

During the project, creating the head

Finished character, close-up

Social Media Post

Vakantie Veilingen

This image was created during my internship at Vakantie Veilingen and was posted on their Facebook page. I always look back at a good time there. This project was one of the many project while working there. I picked the images myself and edited them in Photoshop, like the phone screens.

Grammy's 2017

Lady Gaga

In 2017 Lady Gaga attended the Grammy's wearing this look. I was so impressed by this look, that it gave me passion to recreate it in illustrator.

During the project, finished the lines

Finished character, close-up

Personal project

Self-modelled Kitchen

For this project I wanted to practice modelling while trying to achieve realism. The kitchen itself and the objects on the counter are all self-modelled. Textures are downloaded but altered. I came across an image of an beatifull kitchen, seen below, which I based the project on.

Inspiration

During the project | Before adjusting textures and lighting

Final render | Close-up

Final render | Full image

Work Projects

TurboTheorie

These are some of my most recent renders for my work TurboTheorie. Some images I had to make where quite fun and different than other projects, like the car accident or burning car. I've added smoke, snow or grass as particles to make the renders more interesting.

Person walking with a motorcycle | Added a particle system for the grass and edited a rigged character.

Car with foglights in the rain | The rain is made of particles that where falling down. Lightning effect enhanced in the compositor.

Car in the water | Added a grass and reed particle system for realism

Car driving in an slightly tilted, curved road.

Broken down car | Grass is rendered as particles for realism.

Button in the car | Made from scratch, textures imported and text added onto it.

Car standing still next to the road | Vector motion blur added to indicate movement.

Car on fire in a tunnel | Fire and smoke is rendered as particles.

Car driving with snow | Snow is rendered as particles.

Car with objects in the trunk | Objects downloaded

Car accident | Smoke rendered as particles, dents in the red car are sculpted with texture paint.

Broken down car | Modified a rigged character next to the car.

Youtube Tutorial

Phone Commercial

This render is based on a YouTube Tutorial by Derek Elliott. During this tutorial the main focus was the making of the video's. I didn't make video's in Blender before, so I needed a tutorial to learn it. By rendering quick shots and editing them together, I did create a nice and energetic 'commercial'. The video can be viewed below.

Personal Project

3D Rendered House

Whenever I am cycling to the city center of Leiden, I pass a building which has a gorgeous balcony. Based on pictures of Google Maps I did recreate the balcony and most of the attached building.
The modelling during this project went quite easily, the practice really pays off. The hard part of this project was mostly the UV unwrapping of the bricks and getting the texture right. After some struggling and realisations I am happy with the result.

Reference image | The real building seen on Google Maps.

During the project | Before adding textures and going into the details.

Final render | Close-up

Skillshare Tutorial

Living Room

This project is based on an tutorial I followed on Skillshare.com. Below is an example of what the goal of the tutorial was. The couch, bookcase and the room are modeled myself. Other furniture is imported to complete the scene.
I edited a couple of details to make it to my liking, like different textures, another painting, changed positions and more vibrant lightning.
The tutorial was fun to follow, I improved my skills in 3D rendering and got tips on how to improve the realistic look of a render.

The followed Skillshare class by Stephen Pearson can be found here.

Skillshare example | Created by Stephen Pearson.

During the project | After moddeling the couch myself. This was before importing the furniture and changing the lighting.

Skillshare Tutorial

Self-modelled Couch

In the Skillshare tutorial I followed, which is described here, there was a part to model a couch from scratch. This render is the final result of that modeling.
The modeling itself wasn't that challenging. I did learn on how to achieve realism, for instance by making small dents in the cushions or letting a blanked fall down over the rail.

Personal Project

Deserted Temple

This project was only my second project that isn't based on a tutorial. During this project I was struggling to figure things out, but after a lot of trial and error I managed to finish the project.
Before starting this project I liked a sketch I made, but I was unimpressed after seeing this sketch as an rendered version (first picture below). It lacked a storyline or higher concept and wasn't looking impressive.
After sketching again I came up with a big temple that rose up to the sky. I came up with a vague storyline of an ancient civilization that build this temple to worship their gods. They eventually faded away because the desert took over their beloved temple and is since then abandoned. I went on designing the temple in 3D and I was far more satisfied than I was before.
Looking back at it, I might have learned the most about using materials and textures. Creating the surrounding area and lighting took more time than expected.

During the project | First version

During the project | Adjusting the temple and composition

Final render | Close-up

Final render | Close-up

Final render | Whole temple