Mr.Ballermann

Case study · Brand / Web

Makeshift

Date 2021
Type Marketing Site
Agency DDCo.
Makeshift product and website presentation

Context

Makeshift wanted to refresh its online presence with a website that better represented its established product. Working with DDCo., I explored the brand’s look and feel and how the website presented its content, then designed a fully responsive experience spanning marketing, pricing, and signup pages.Makeshift wanted to refresh its online presence with a website that better represented its established product. Working with DDCo., I explored the brand’s look and feel and how the website presented its content, then designed a fully responsive experience spanning marketing, pricing, and signup pages.Makeshift wanted to refresh its online presence with a website that better represented its established product. Working with DDCo., I explored the brand’s look and feel and how the website presented its content, then designed a fully responsive experience spanning marketing, pricing, and signup pages.Makeshift wanted to refresh its online presence with a website that better represented its established product. Working with DDCo., I explored the brand’s look and feel and how the website presented its content, then designed a fully responsive experience spanning marketing, pricing, and signup pages.Makeshift wanted to refresh its online presence with a website that better represented its established product. Working with DDCo., I explored the brand’s look and feel and how the website presented its content, then designed a fully responsive experience spanning marketing, pricing, and signup pages.Makeshift wanted to refresh its online presence with a website that better represented its established product. Working with DDCo., I explored the brand’s look and feel and how the website presented its content, then designed a fully responsive experience spanning marketing, pricing, and signup pages.Makeshift wanted to refresh its online presence with a website that better represented its established product. Working with DDCo., I explored the brand’s look and feel and how the website presented its content, then designed a fully responsive experience spanning marketing, pricing, and signup pages.

My responsibilitiesMy responsibilitiesMy responsibilitiesMy responsibilitiesMy responsibilitiesMy responsibilitiesMy responsibilities

  • Brand and visual directionBrand and visual directionBrand and visual directionBrand and visual directionBrand and visual directionBrand and visual directionBrand and visual direction
  • Website content explorationWebsite content explorationWebsite content explorationWebsite content explorationWebsite content explorationWebsite content explorationWebsite content exploration
  • Responsive website designResponsive website designResponsive website designResponsive website designResponsive website designResponsive website designResponsive website design

A website in need of a refreshA website in need of a refreshA website in need of a refreshA website in need of a refreshA website in need of a refreshA website in need of a refreshA website in need of a refresh

Starting point

Makeshift was, and is, a capable product. An established product with many years under its belt, it found itself in in need of a visual pick me up, something ... new, distinct, relevant to a new generation of buyers.Makeshift was, and is, a capable product. An established product with many years under its belt, it found itself in in need of a visual pick me up, something ... new, distinct, relevant to a new generation of buyers.Makeshift was, and is, a capable product. An established product with many years under its belt, it found itself in in need of a visual pick me up, something ... new, distinct, relevant to a new generation of buyers.Makeshift was, and is, a capable product. An established product with many years under its belt, it found itself in in need of a visual pick me up, something ... new, distinct, relevant to a new generation of buyers.Makeshift was, and is, a capable product. An established product with many years under its belt, it found itself in in need of a visual pick me up, something ... new, distinct, relevant to a new generation of buyers.Makeshift was, and is, a capable product. An established product with many years under its belt, it found itself in in need of a visual pick me up, something ... new, distinct, relevant to a new generation of buyers.Makeshift was, and is, a capable product. An established product with many years under its belt, it found itself in in need of a visual pick me up, something ... new, distinct, relevant to a new generation of buyers.

With creative direction from Jason and Darren Delichte at DDCO., we zeroed in on this:With creative direction from Jason and Darren Delichte at DDCO., we zeroed in on this:With creative direction from Jason and Darren Delichte at DDCO., we zeroed in on this:With creative direction from Jason and Darren Delichte at DDCO., we zeroed in on this:With creative direction from Jason and Darren Delichte at DDCO., we zeroed in on this:With creative direction from Jason and Darren Delichte at DDCO., we zeroed in on this:With creative direction from Jason and Darren Delichte at DDCO., we zeroed in on this:

  • Update the lackluster stock imagesUpdate the lackluster stock imagesUpdate the lackluster stock imagesUpdate the lackluster stock imagesUpdate the lackluster stock imagesUpdate the lackluster stock imagesUpdate the lackluster stock images
  • Find a fresh approach to showcase product featuresFind a fresh approach to showcase product featuresFind a fresh approach to showcase product featuresFind a fresh approach to showcase product featuresFind a fresh approach to showcase product featuresFind a fresh approach to showcase product featuresFind a fresh approach to showcase product features
  • Clean up and revitalize the brand personalityClean up and revitalize the brand personalityClean up and revitalize the brand personalityClean up and revitalize the brand personalityClean up and revitalize the brand personalityClean up and revitalize the brand personalityClean up and revitalize the brand personality
The original Makeshift website across its core marketing pagesThe original Makeshift website across its core marketing pagesThe original Makeshift website across its core marketing pagesThe original Makeshift website across its core marketing pagesThe original Makeshift website across its core marketing pagesThe original Makeshift website across its core marketing pagesThe original Makeshift website across its core marketing pages

Redefining the brand’s visual languageRedefining the brand’s visual languageRedefining the brand’s visual languageRedefining the brand’s visual languageRedefining the brand’s visual languageRedefining the brand’s visual languageRedefining the brand’s visual language

Visual direction

We looked at the fundamentals first, identifying key enhancements to typography, color, iconography, and photography. We also explored motion and visual framing devices to create a more modern look and feel.We looked at the fundamentals first, identifying key enhancements to typography, color, iconography, and photography. We also explored motion and visual framing devices to create a more modern look and feel.We looked at the fundamentals first, identifying key enhancements to typography, color, iconography, and photography. We also explored motion and visual framing devices to create a more modern look and feel.We looked at the fundamentals first, identifying key enhancements to typography, color, iconography, and photography. We also explored motion and visual framing devices to create a more modern look and feel.We looked at the fundamentals first, identifying key enhancements to typography, color, iconography, and photography. We also explored motion and visual framing devices to create a more modern look and feel.We looked at the fundamentals first, identifying key enhancements to typography, color, iconography, and photography. We also explored motion and visual framing devices to create a more modern look and feel.We looked at the fundamentals first, identifying key enhancements to typography, color, iconography, and photography. We also explored motion and visual framing devices to create a more modern look and feel.

Visual elementsVisual elementsVisual elementsVisual elementsVisual elementsVisual elementsVisual elements

Motion explorationMotion explorationMotion explorationMotion explorationMotion explorationMotion explorationMotion exploration

StylescapeStylescapeStylescapeStylescapeStylescapeStylescapeStylescape

To help set the visual direction, I created a stylescape (think moodboard...just better) which captured the core elements that would redefine the brand's visual language. This was a key asset that gave the team a clear idea of where the new design language would be heading.To help set the visual direction, I created a stylescape (think moodboard...just better) which captured the core elements that would redefine the brand's visual language. This was a key asset that gave the team a clear idea of where the new design language would be heading.To help set the visual direction, I created a stylescape (think moodboard...just better) which captured the core elements that would redefine the brand's visual language. This was a key asset that gave the team a clear idea of where the new design language would be heading.To help set the visual direction, I created a stylescape (think moodboard...just better) which captured the core elements that would redefine the brand's visual language. This was a key asset that gave the team a clear idea of where the new design language would be heading.To help set the visual direction, I created a stylescape (think moodboard...just better) which captured the core elements that would redefine the brand's visual language. This was a key asset that gave the team a clear idea of where the new design language would be heading.To help set the visual direction, I created a stylescape (think moodboard...just better) which captured the core elements that would redefine the brand's visual language. This was a key asset that gave the team a clear idea of where the new design language would be heading.To help set the visual direction, I created a stylescape (think moodboard...just better) which captured the core elements that would redefine the brand's visual language. This was a key asset that gave the team a clear idea of where the new design language would be heading.

Revamping the product websiteRevamping the product websiteRevamping the product websiteRevamping the product websiteRevamping the product websiteRevamping the product websiteRevamping the product website

Website Redesign

The redesigned homepage

Simple and assertive copy, heavy on white space, a focus on showing actual humans brought the website to life and made it feel modern again.Simple and assertive copy, heavy on white space, a focus on showing actual humans brought the website to life and made it feel modern again.Simple and assertive copy, heavy on white space, a focus on showing actual humans brought the website to life and made it feel modern again.Simple and assertive copy, heavy on white space, a focus on showing actual humans brought the website to life and made it feel modern again.Simple and assertive copy, heavy on white space, a focus on showing actual humans brought the website to life and made it feel modern again.Simple and assertive copy, heavy on white space, a focus on showing actual humans brought the website to life and made it feel modern again.Simple and assertive copy, heavy on white space, a focus on showing actual humans brought the website to life and made it feel modern again.

Grouped feature pages

Business benefits and addon pages

Industry & support pages

The outcomeThe outcomeThe outcomeThe outcomeThe outcomeThe outcomeThe outcome

A complete website redesign, ready for handoffA complete website redesign, ready for handoffA complete website redesign, ready for handoffA complete website redesign, ready for handoffA complete website redesign, ready for handoffA complete website redesign, ready for handoffA complete website redesign, ready for handoff

The project concluded with the handoff of a fully responsive redesign spanning marketing, pricing, and signup pages. This gave Makeshift a refreshed visual direction, clear content hierarchy, and a cohesive message across the entire site.The project concluded with the handoff of a fully responsive redesign spanning marketing, pricing, and signup pages. This gave Makeshift a refreshed visual direction, clear content hierarchy, and a cohesive message across the entire site.The project concluded with the handoff of a fully responsive redesign spanning marketing, pricing, and signup pages. This gave Makeshift a refreshed visual direction, clear content hierarchy, and a cohesive message across the entire site.The project concluded with the handoff of a fully responsive redesign spanning marketing, pricing, and signup pages. This gave Makeshift a refreshed visual direction, clear content hierarchy, and a cohesive message across the entire site.The project concluded with the handoff of a fully responsive redesign spanning marketing, pricing, and signup pages. This gave Makeshift a refreshed visual direction, clear content hierarchy, and a cohesive message across the entire site.The project concluded with the handoff of a fully responsive redesign spanning marketing, pricing, and signup pages. This gave Makeshift a refreshed visual direction, clear content hierarchy, and a cohesive message across the entire site.The project concluded with the handoff of a fully responsive redesign spanning marketing, pricing, and signup pages. This gave Makeshift a refreshed visual direction, clear content hierarchy, and a cohesive message across the entire site.

ReflectionReflectionReflectionReflectionReflectionReflectionReflection

We changed enough at once that it was We changed enough at once that it was We changed enough at once that it was We changed enough at once that it was We changed enough at once that it was We changed enough at once that it was We changed enough at once that it was difficult to isolate what helpeddifficult to isolate what helpeddifficult to isolate what helpeddifficult to isolate what helpeddifficult to isolate what helpeddifficult to isolate what helpeddifficult to isolate what helped. Smaller experiments could have shown which photography and new content improved the site’s effectiveness, and which added little value.. Smaller experiments could have shown which photography and new content improved the site’s effectiveness, and which added little value.. Smaller experiments could have shown which photography and new content improved the site’s effectiveness, and which added little value.. Smaller experiments could have shown which photography and new content improved the site’s effectiveness, and which added little value.. Smaller experiments could have shown which photography and new content improved the site’s effectiveness, and which added little value.. Smaller experiments could have shown which photography and new content improved the site’s effectiveness, and which added little value.. Smaller experiments could have shown which photography and new content improved the site’s effectiveness, and which added little value.