Hello, I’m Tim Preut,
your new creative
branding and digital
design partner.

Hello, I’m Tim Preut,
your new creative
branding and digital
design partner.

Hello, I’m Tim Preut,
your new creative
branding and digital
design partner.

Fueled by coffee, curiosity
and using design to solve
real biz problems.

Fueled by coffee, curiosity
and using design to solve
real biz problems.

Fueled by coffee, curiosity
and using design to solve
real biz problems.

The word "work" in bold, modern sans-serif typography with a gradient from light pink to red. The letters have sharp edges and subtle shadows on the background of cream paper. This design emphasizes clarity and simplicity while conveying strength through its clean lines and vibrant color scheme.
The word "work" in bold, modern sans-serif typography with a gradient from light pink to red. The letters have sharp edges and subtle shadows on the background of cream paper. This design emphasizes clarity and simplicity while conveying strength through its clean lines and vibrant color scheme.
The word "work" in bold, modern sans-serif typography with a gradient from light pink to red. The letters have sharp edges and subtle shadows on the background of cream paper. This design emphasizes clarity and simplicity while conveying strength through its clean lines and vibrant color scheme.

case Studies

case Studies

See how I got to the solutions you will see in these portfolio pieces.

See how I got to the solutions you will see in these portfolio pieces.

See how I got to the solutions you will see in these portfolio pieces.

Design Journal

Design Journal

WIP's, not Case Studies, not in depth, but still my work.

WIP's, not Case Studies, not in depth, but still my work.

WIP's, not Case Studies, not in depth, but still my work.

A photo of an attractive man in his late thirties with short dark hair, wearing a blue plaid shirt and a brown jacket, smiling at the camera. The background is a park in winter. The square-shaped app icon logo for the Instagram profile picture has orange tones and a light pink background.

It takes a wickedly agile mind to convert vision into reality. We came to Tim Preut Design  with a dream to make the world better by defending the dignity of migrants around the globe…Tim turned that idea into an identity. From a logo that captures our organizational culture to a website that presents our programmatic purpose, Tim was more than our design agency - He was our partner in the creation and growth of our brand.

Tim pulls off the impossible at blazing speed, while infusing each product with refreshing creativity.

Arturo Rodriguez
Founder of Inalienable
A photograph of a real estate agent sitting on her couch, smiling at the camera. She is wearing a black dress and a silver watch, against a light beige background. The woman has long brown hair, and the photograph appears to be professionally taken, with light pastel colors and a square sticker design with a white border around the edges.

It gives me such peace of mind having him on my team and I recommend Tim highly.

Deborah King
Owner @Loving Your Business
 photo of a smiling woman with black hair and a floral shirt, a professional profile picture for an extremely beautiful Indian office worker lady in her late thirties wearing a blouse. The portrait headshot is on a light background, with no earrings, a round face shape, high cheekbones, a very sharp jawline, a square chin shape, dark eyes, winged eyeliner, plump lips, and large hoop earrings.

Tim was great to work with! Working collaboratively with them to create our SO/GI website was easy thanks to their awesome communication and organizational skills. He created video tutorials for me to be able to do what I needed to do in order to move the project forward, which was so helpful!

We are looking forward to finding a reason to work with him again in the future!

Angelica Cardenas

@SFDPH SO/GI Department

A professional headshot of an American man in his fifties wearing a black polo shirt with a school logo on it, against a neutral background.

As a private, non-profit school, we were looking for a website design that was both informative and easy to navigate.

Tim was incredibly responsive to our needs.

Steve Ahonen

Former Director @Hope Academy

A photo of an attractive man in his late thirties with short dark hair, wearing a blue plaid shirt and a brown jacket, smiling at the camera. The background is a park in winter. The square-shaped app icon logo for the Instagram profile picture has orange tones and a light pink background.

It takes a wickedly agile mind to convert vision into reality. We came to Tim Preut Design  with a dream to make the world better by defending the dignity of migrants around the globe…Tim turned that idea into an identity. From a logo that captures our organizational culture to a website that presents our programmatic purpose, Tim was more than our design agency - He was our partner in the creation and growth of our brand.

Tim pulls off the impossible at blazing speed, while infusing each product with refreshing creativity.

Arturo Rodriguez
Founder of Inalienable
A photograph of a real estate agent sitting on her couch, smiling at the camera. She is wearing a black dress and a silver watch, against a light beige background. The woman has long brown hair, and the photograph appears to be professionally taken, with light pastel colors and a square sticker design with a white border around the edges.

It gives me such peace of mind having him on my team and I recommend Tim highly.

Deborah King
Owner @Loving Your Business
 photo of a smiling woman with black hair and a floral shirt, a professional profile picture for an extremely beautiful Indian office worker lady in her late thirties wearing a blouse. The portrait headshot is on a light background, with no earrings, a round face shape, high cheekbones, a very sharp jawline, a square chin shape, dark eyes, winged eyeliner, plump lips, and large hoop earrings.

Tim was great to work with! Working collaboratively with them to create our SO/GI website was easy thanks to their awesome communication and organizational skills. He created video tutorials for me to be able to do what I needed to do in order to move the project forward, which was so helpful!

We are looking forward to finding a reason to work with him again in the future!

Angelica Cardenas

@SFDPH SO/GI Department

A professional headshot of an American man in his fifties wearing a black polo shirt with a school logo on it, against a neutral background.

As a private, non-profit school, we were looking for a website design that was both informative and easy to navigate.

Tim was incredibly responsive to our needs.

Steve Ahonen

Former Director @Hope Academy

Moin Shaikh

CEO @Webmo

You know once in a while on Instagram, I do get praised for the branding and designs.

I feel a lot of it is due to your design development, especially color selection and the logo, you helped me a lot. I would have never selected those colors if it was not your guidance.

Also, I'm not sure how I would have managed to create an identity and scale my company without Tim's help.

A vector design with the words "2079" written in large, bold numbers. The background is a light orange and white gradient, creating an elegant atmosphere. A sleek and modern font style emphasizes sophistication. This design symbolizes progress through its use of the year's name and color palette. It creates visually appealing visuals that stand out on various media types like web pages or print materials. The design features a flat illustration, simple shapes, and simple colors on a white background.
A vector design with the words "2079" written in large, bold numbers. The background is a light orange and white gradient, creating an elegant atmosphere. A sleek and modern font style emphasizes sophistication. This design symbolizes progress through its use of the year's name and color palette. It creates visually appealing visuals that stand out on various media types like web pages or print materials. The design features a flat illustration, simple shapes, and simple colors on a white background.
A vector design with the words "2079" written in large, bold numbers. The background is a light orange and white gradient, creating an elegant atmosphere. A sleek and modern font style emphasizes sophistication. This design symbolizes progress through its use of the year's name and color palette. It creates visually appealing visuals that stand out on various media types like web pages or print materials. The design features a flat illustration, simple shapes, and simple colors on a white background.
my mission

Purpose Led?
Let's Rock!

Purpose Led?
Let's Rock!

Purpose Led?
Let's Rock!

My mission is to help your mission come to life & achieve success using design x strategy.

My mission is to help your mission come to life & achieve success using design x strategy.

My mission is to help your mission come to life & achieve success
using design x strategy.

I have been serving clients for over 10 years. I strive to take the hard path of giving you what you need, even if it may not be what you wanted. In the end, that will give you the best results, and that is my end game, my purpose.

A vibrant and engaging profile picture of Ben G, wearing his iconic red plaid shirt with black sleeves, set against an orange background. He is smiling at the camera, exuding confidence as he looks directly into it. The portrait captures detailed facial features, including a mustache, short hair, and brown eyes. A subtle yellow circle forms behind him, adding to its visual appeal, with a focus on the face.
A vibrant and engaging profile picture of Ben G, wearing his iconic red plaid shirt with black sleeves, set against an orange background. He is smiling at the camera, exuding confidence as he looks directly into it. The portrait captures detailed facial features, including a mustache, short hair, and brown eyes. A subtle yellow circle forms behind him, adding to its visual appeal, with a focus on the face.
A vibrant and engaging profile picture of Ben G, wearing his iconic red plaid shirt with black sleeves, set against an orange background. He is smiling at the camera, exuding confidence as he looks directly into it. The portrait captures detailed facial features, including a mustache, short hair, and brown eyes. A subtle yellow circle forms behind him, adding to its visual appeal, with a focus on the face.
A photo of the "fill" button in an art tool, showing a gradient background with futuristic buildings and cityscape, minimalist design, soft lighting, neutral color palette, high resolution, high contrast, sharp focus, and white borders around the illustration.
A photo of the "fill" button in an art tool, showing a gradient background with futuristic buildings and cityscape, minimalist design, soft lighting, neutral color palette, high resolution, high contrast, sharp focus, and white borders around the illustration.
A minimalistic and modern illustration of an interior scene, showcasing the design process for home appliances, with yellow color accents. The focus is on a floating wooden platform in light blue water that houses various small white appliances like a microwave, refrigerator, coffee machine, etc., creating a clean composition with a sense of space and emphasizing clarity over detail

My services are tools I use for your epic success.

My services are
tools I use for your
epic success.

My services are
tools I use for your
epic success.

I create brand identities + digital experiences that captivate audiences while solving tangible business problems.

I create brand identities + digital experiences that captivate audiences while solving tangible business problems.

I create brand identities + digital experiences that captivate audiences while solving tangible business problems.

🧙 DEFINE

Creating a NorthStar.

Brand Strategy, Copywriting, UX Audits, Product Psychology, Wireframes, User Flows, User Journeys

🧙 DEFINE

Creating a NorthStar.

Brand Strategy, Copywriting, UX Audits, Product Psychology, Wireframes, User Flows, User Journeys

🧙 DEFINE

Creating a NorthStar.

Brand Strategy, Copywriting, UX Audits, Product Psychology, Wireframes, User Flows, User Journeys

🧠 DESIGN

Focused, Clear, Beautiful.

Brand Identities, Visual Language, Logos, Colors, Typography, Icons, Marketing Design, Web & App UI/UX, Interaction Experience

🧠 DESIGN

Focused, Clear, Beautiful.

Brand Identities, Visual Language, Logos, Colors, Typography, Icons, Marketing Design, Web & App UI/UX, Interaction Experience

🧠 DESIGN

Focused, Clear, Beautiful.

Brand Identities, Visual Language, Logos, Colors, Typography, Icons, Marketing Design, Web & App UI/UX, Interaction Experience

😊 DELIVER

Impacting & Convertful

Brand style guides, App prototypes, Framer, Webflow, Interaction Design, Design Systems, Digital Asset Delivery

😊 DELIVER

Impacting & Convertful

Brand style guides, App prototypes, Framer, Webflow, Interaction Design, Design Systems, Digital Asset Delivery

😊 DELIVER

Impacting & Convertful

Brand style guides, App prototypes, Framer, Webflow, Interaction Design, Design Systems, Digital Asset Delivery
Tyler brown

Chief Design Officer @ShopController

Tim is seriously talented. He has a special ability to translate vague suggestions, concepts, and ideas like very few others I’ve worked with.

Don’t assume his design style is all he can do. I’ve tasked him with a variety of design styles over the years and he’s hit the mark on all of them – something extremely hard to find in a design agency.

He’s also organized and responsive. Often times, Tim gives me a heads up of when he plans to deliver work before I even ask him.

Look no further if you’re looking for someone to help you develop your visual identity!

Tyler brown

Chief Design Officer @ShopController

Tim is seriously talented. He has a special ability to translate vague suggestions, concepts, and ideas like very few others I’ve worked with.

Don’t assume his design style is all he can do. I’ve tasked him with a variety of design styles over the years and he’s hit the mark on all of them – something extremely hard to find in a design agency.

He’s also organized and responsive. Often times, Tim gives me a heads up of when he plans to deliver work before I even ask him.

Look no further if you’re looking for someone to help you develop your visual identity!

It takes a wickedly agile mind to convert vision into reality. We came to Tim Preut Design  with a dream to make the world better by defending the dignity of migrants around the globe…Tim turned that idea into an identity. From a logo that captures our organizational culture to a website that presents our programmatic purpose, Tim was more than our design agency - He was our partner in the creation and growth of our brand.

Tim pulls off the impossible at blazing speed, while infusing each product with refreshing creativity.

Arturo Rodriguez
Founder of Inalienable

It gives me such peace of mind having him on my team and I recommend Tim highly.

Deborah King
Owner @Loving Your Business

Tim was great to work with! Working collaboratively with them to create our SO/GI website was easy thanks to their awesome communication and organizational skills. He created video tutorials for me to be able to do what I needed to do in order to move the project forward, which was so helpful!

We are looking forward to finding a reason to work with him again in the future!

Angelica Cardenas

@SFDPH SO/GI Department

As a private, non-profit school, we were looking for a website design that was both informative and easy to navigate.

Tim was incredibly responsive to our needs.

Steve Ahonen

Former Director @Hope Academy

A modern, flat design of the word "Get It" in large letters with a soft peach and white color palette. The font is bold yet stylish, perfect for digital marketing or social media use.
A modern, flat design of the word "Get It" in large letters with a soft peach and white color palette. The font is bold yet stylish, perfect for digital marketing or social media use.
A modern, flat design of the word "Get It" in large letters with a soft peach and white color palette. The font is bold yet stylish, perfect for digital marketing or social media use.

My approach is
three steps to
level-uppage.

My approach is
three steps to
level-uppage.

My approach is
three steps to
level-uppage.

I leverage product psychology

in branding and Ul/UX to create epic connections with your audience, and help you scale.

I leverage product psychology

in branding and Ul/UX to create epic connections with your audience, and help you scale.

I leverage product psychology

in branding and Ul/UX to create epic connections with your audience, and help you scale.

step 01

DEFINE

DEFINE

DEFINE

Where I start.
Where I start.
An app icon of an iPhone photo with the face of a thin man in his mid-40s, with white skin and short brown hair, holding a milk tea cup. His eyes are wide open, and his mouth is slightly opened. The background is a pink pastel color, and he has some imperfections that give him character. He's wearing light grey with a simple design, a simple color palette, simple shapes, flat colors, minimalistic, a square shape, and a circular frame border.
An app icon of an iPhone photo with the face of a thin man in his mid-40s, with white skin and short brown hair, holding a milk tea cup. His eyes are wide open, and his mouth is slightly opened. The background is a pink pastel color, and he has some imperfections that give him character. He's wearing light grey with a simple design, a simple color palette, simple shapes, flat colors, minimalistic, a square shape, and a circular frame border.

I immerse myself in your brand, your audience + industry to uncover key insights that will guide the design.

Through collaboration + research, I develop a clear strategy aligned with your goals to be our design NorthStar.

I immerse myself in your brand, your audience + industry to uncover key insights that will guide the design.

Through collaboration + research, I develop a clear strategy aligned with your goals to be our design NorthStar.

I immerse myself in your brand, your audience + industry to uncover key insights that will guide the design.

Through collaboration + research, I develop a clear strategy aligned with your goals to be our design NorthStar.

step 02

DESIGN

DESIGN

DESIGN

I get to work.
I get to work.
A photo of the square profile picture for an app designed to be used by medical doctors. The photo shows a middle-aged man with short hair smiling and holding up his phone, which has a simple white bowl on it. The color theme is soft pink.
A photo of the square profile picture for an app designed to be used by medical doctors. The photo shows a middle-aged man with short hair smiling and holding up his phone, which has a simple white bowl on it. The color theme is soft pink.

I translate the strategy into intuitive, captivating, cohesive designs. From sketches to high-fidelity mockups.

I work closely with you to iterate and refine the designs, ensuring every element serves a purpose.

I translate the strategy into intuitive, captivating, cohesive designs. From sketches to high-fidelity mockups.

I work closely with you to iterate and refine the designs, ensuring every element serves a purpose.

I translate the strategy into intuitive, captivating, cohesive designs. From sketches to high-fidelity mockups.

I work closely with you to iterate and refine the designs, ensuring every element serves a purpose.

step 03

DELIVER

DELIVER

Equipping your success.
Equipping your success.
A grid of Lego cars in various colors and designs, arranged on an orange background. The image is captured from above with a macro lens to highlight the detailed construction of each car. This photorealistic scene showcases different models, including sports muscle cars like the Ford Mustang, Porsche 964, and Chevrolet Corvette, as well as racecars such as the BMW M3 and Audi R8. Each car has its own unique design and color palette, creating a vibrant display of toy vehicles.
A grid of Lego cars in various colors and designs, arranged on an orange background. The image is captured from above with a macro lens to highlight the detailed construction of each car. This photorealistic scene showcases different models, including sports muscle cars like the Ford Mustang, Porsche 964, and Chevrolet Corvette, as well as racecars such as the BMW M3 and Audi R8. Each car has its own unique design and color palette, creating a vibrant display of toy vehicles.
A grid of Lego cars in various colors and designs, arranged on an orange background. The image is captured from above with a macro lens to highlight the detailed construction of each car. This photorealistic scene showcases different models, including sports muscle cars like the Ford Mustang, Porsche 964, and Chevrolet Corvette, as well as racecars such as the BMW M3 and Audi R8. Each car has its own unique design and color palette, creating a vibrant display of toy vehicles.

With the designs finalized, I prepare guidelines and assets for seamless development and implementation. I provide continued support to ensure the final product is pixel-perfect and true to the vision.

With the designs finalized, I prepare guidelines and assets for seamless development and implementation. I provide continued support to ensure the final product is pixel-perfect and true to the vision.

With the designs finalized, I prepare guidelines and assets for seamless development and implementation. I provide continued support to ensure the final product is pixel-perfect and true to the vision.

Headshot of a young Indian man wearing a black polo shirt with the text "Webomo" on it, against a pink background, suitable for a social media profile avatar.
Moin Shaikh

CEO @Webmo

You know once in a while on Instagram, I do get praised for the branding and designs.

I feel a lot of it is due to your design development, especially color selection and the logo, you helped me a lot. I would have never selected those colors if it was not your guidance.

Also, I'm not sure how I would have managed to create an identity and scale my company without Tim's help.

The logo consists of an abstract, stylized shape and the text "webmo". It is a logo for an online platform called "webmo" that uses AI to create website graphics and designs. The logo has a solid background color with a gradient fill in the lettering design, featuring soft orange, pink, and purple colors. The design is modern, sleek, simple, clean, and has a high-end, professional look, created as vector art by a designer.
A landing page for " your creative agency with our web development, graphic design and digital marketing services". The main color of the website is pink and black. It features an inviting hero section with bold text that reads '90X Your Creative Were With impressionistic gradient background, I also want to see two images of people working on laptops or holding phones. A screenshot from Instagram showcasing the company's social media presence.. Include call-to-action buttons for booka discovery session, andbook by one screen of working person in front of laptop . You can add some sleek graphics or icons.
Headshot of a young Indian man wearing a black polo shirt with the text "Webomo" on it, against a pink background, suitable for a social media profile avatar.
Moin Shaikh

CEO @Webmo

You know once in a while on Instagram, I do get praised for the branding and designs.

I feel a lot of it is due to your design development, especially color selection and the logo, you helped me a lot. I would have never selected those colors if it was not your guidance.

Also, I'm not sure how I would have managed to create an identity and scale my company without Tim's help.

The logo consists of an abstract, stylized shape and the text "webmo". It is a logo for an online platform called "webmo" that uses AI to create website graphics and designs. The logo has a solid background color with a gradient fill in the lettering design, featuring soft orange, pink, and purple colors. The design is modern, sleek, simple, clean, and has a high-end, professional look, created as vector art by a designer.
A landing page for " your creative agency with our web development, graphic design and digital marketing services". The main color of the website is pink and black. It features an inviting hero section with bold text that reads '90X Your Creative Were With impressionistic gradient background, I also want to see two images of people working on laptops or holding phones. A screenshot from Instagram showcasing the company's social media presence.. Include call-to-action buttons for booka discovery session, andbook by one screen of working person in front of laptop . You can add some sleek graphics or icons.
Tyler brown

Chief Design Officer @ShopController

Tim is seriously talented. He has a special ability to translate vague suggestions, concepts, and ideas like very few others I’ve worked with.

Don’t assume his design style is all he can do. I’ve tasked him with a variety of design styles over the years and he’s hit the mark on all of them – something extremely hard to find in a design agency.

He’s also organized and responsive. Often times, Tim gives me a heads up of when he plans to deliver work before I even ask him.

Look no further if you’re looking for someone to help you develop your visual identity!

A LEGO-style car toy, with white and yellow color matching, is placed on the screen in an ultra-high definition image quality. The background of the picture is solid-colored, with high saturation and high brightness. There should be no shadows or other elements on it. It has sharp edges and smooth curves, giving people an elegant feeling in the style of LEGO.
A LEGO-style car toy, with white and yellow color matching, is placed on the screen in an ultra-high definition image quality. The background of the picture is solid-colored, with high saturation and high brightness. There should be no shadows or other elements on it. It has sharp edges and smooth curves, giving people an elegant feeling in the style of LEGO.
A LEGO-style car toy, with white and yellow color matching, is placed on the screen in an ultra-high definition image quality. The background of the picture is solid-colored, with high saturation and high brightness. There should be no shadows or other elements on it. It has sharp edges and smooth curves, giving people an elegant feeling in the style of LEGO.
hire me

I can’t wait to bring your vision to life. Here is how it works to hire me:

I can’t wait to bring your
vision to life, let’s do this.

👋🏼 STEP 01

Discovery, Hello, Nice to meet you.

We start on our journey together by hopping on a discovery call to make sure we are a good fit. I can learn all about your needs, and you can ask me any questions that you have.

👋🏼 STEP 01

Discovery, Hello, Nice to meet you.

We start on our journey together by hopping on a discovery call to make sure we are a good fit. I can learn all about your needs, and you can ask me any questions that you have.

👋🏼 STEP 01

Discovery, Hello, Nice to meet you.

We start on our journey together by hopping on a discovery call to make sure we are a good fit. I can learn all about your needs, and you can ask me any questions that you have.

🕵🏼 STEP 02

Define, Scope, Pricing, Lets Goo!

After our discovery session, if we're feeling good about each other, I'll develop a scope of work, pricing, and get you over an agreement. Then we can start working together.

🕵🏼 STEP 02

Define, Scope, Pricing, Lets Goo!

After our discovery session, if we're feeling good about each other, I'll develop a scope of work, pricing, and get you over an agreement. Then we can start working together.

🕵🏼 STEP 02

Define, Scope, Pricing, Lets Goo!

After our discovery session, if we're feeling good about each other, I'll develop a scope of work, pricing, and get you over an agreement. Then we can start working together.

🚀 STEP 03

Onboard, Set Tasks, Get rolling.

Once we become official in working together, I will onboard you into UpBase, which is what I use to manage our projects and setup some initial milestones and tasks!

🚀 STEP 03

Onboard, Set Tasks, Get rolling.

Once we become official in working together, I will onboard you into UpBase, which is what I use to manage our projects and setup some initial milestones and tasks!

🚀 STEP 03

Onboard, Set Tasks, Get rolling.

Once we become official in working together, I will onboard you into UpBase, which is what I use to manage our projects and setup some initial milestones and tasks!

Ok, lets get to work.

I can’t wait to bring your
vision to life, let’s do this.