THE ART OFMINIMALIST DESIGN

#WCUS@LaurenPittenger 1

WHAT WE'LL COVERWhat is minimalismBrief historyWho should careHow to get started

#WCUS@LaurenPittenger 2

ONWARD!

#WCUS@LaurenPittenger 3

MINIMALIST DESIGN ISA MINDSET & A STYLE

#WCUS@LaurenPittenger 4

BE MINDFUL OFTHE ELEMENTS WE CHOOSE TOINCLUDE

#WCUS@LaurenPittenger 5

SIMPLE IN DESIGN

6

Image of chamainc.com

#WCUS@LaurenPittenger 7

THOUGH SIMPLE IN DESIGN,NOT SO SIMPLE TO EXECUTE

8

1. Understand the user

2. Understand project's purpose

3. Understand basic design principles

#WCUS@LaurenPittenger 9

DID IT COME FROM?WHERE

#WCUS@LaurenPittenger 10

“ LESS IS MORE

Mies van der Rohe

#WCUS@LaurenPittenger 11

REJECTED ABSTRACT EXPRESSIONISM

#WCUS@LaurenPittenger 12

ARCHITECTURE

#WCUS@LaurenPittenger 13

FINE ART

Yves KleinBlue Monochrome, 1961

#WCUS@LaurenPittenger 14

SCULPTURE

Donald Judd

Untitled, 1980

#WCUS@LaurenPittenger 15

LITERATURE

This Is Just To Sayby William Carlos WilliamsI have eatenthe plumsthat were inthe icebox

and whichyou were probablysavingfor breakfast

Forgive methey were deliciousso sweetand so cold

#WCUS@LaurenPittenger 16

INTERIOR DESIGN

#WCUS@LaurenPittenger 17

Image from Optimizely Blog

#WCUS@LaurenPittenger 18

WHO SHOULD CARE?

#WCUS@LaurenPittenger 19

MINIMALISM IS FOR ANYONEWHO WANTS TO BE MORE

PURPOSEFUL

#WCUS@LaurenPittenger 20

DESIGNERSMinimalism helps us

create more intuitive websites

#WCUS@LaurenPittenger 21

DEVELOPERSLess stuff to maintainLess bloatLess wasted time

#WCUS@LaurenPittenger 22

MARKETERSSupports communicating key messages

#WCUS@LaurenPittenger 23

OUR CLIENTSClear communication helps drive brands forward

#WCUS@LaurenPittenger 24

OUR CLIENTS' CLIENTSEasier & more peaceful experience

with their product & website

#WCUS@LaurenPittenger 25

IT WILL LOOK DIFFERENTTO EVERYONE AND

EVERY PROJECT

#WCUS@LaurenPittenger 26

WHERE DO WE START?

#WCUS@LaurenPittenger 27

ASK NOT"HOW SHOULD IT LOOK?"

BUT"WHAT IS THE GOAL?"

#WCUS@LaurenPittenger 28

START A CONVERSATIONWhat is your main marketing message?Who is the primary user or users?What feeling are you trying to create?Who are your clients and what are they trying to achieve?What are your clients’ clients trying to achieve?What are you trying to achieve?

#WCUS@LaurenPittenger 29

DE-CLUTTERING WITHOUTSTRATEGY CAN HAVE

ADVERSE SIDE EFFECTS

#WCUS@LaurenPittenger 30

HOW TO START IMPLEMENTINGMINIMALIST DESIGN?

#WCUS@LaurenPittenger 31

SOLID UNDERSTANDINGOF BASIC DESIGN PRINCIPLES

#WCUS@LaurenPittenger 32

1WHITE SPACE

#WCUS@LaurenPittenger 33

WHITE SPACE DOES NOTHAVE TO BE WHITE

#WCUS@LaurenPittenger 34

WHITE SPACE IS NOTA MISSED OPPORTUNITY

#WCUS@LaurenPittenger 35

Hermès store

#WCUS@LaurenPittenger 36

#WCUS@LaurenPittenger 37

usa.hermes.com

#WCUS@LaurenPittenger 38

2TYPOGRAPHY

#WCUS@LaurenPittenger 39

Image from Canva

FONT PERSONALITIES

#WCUS@LaurenPittenger 40

L o o s e l e t t e r s p a c i n gNormal letter spacing

#WCUS@LaurenPittenger

Bold weightNormal weight

Tight letter spacing

Lorem ipsum dolor sitamet lorem ipsum dolor.

Lorem ipsum dolor sitamet lorem ipsum dolor.

41

3COLOR, CONTRAST& VALUE

#WCUS@LaurenPittenger 42

43#WCUS@LaurenPittenger

44#WCUS@LaurenPittenger

45#WCUS@LaurenPittenger

4PHOTOS & IMAGES

#WCUS@LaurenPittenger 46

Image by Ashley Schweitzer on minimography.com

#WCUS@LaurenPittenger 47

5LAYOUT, ALIGNMENT& STRUCTURE

#WCUS@LaurenPittenger 48

#WCUS@LaurenPittenger 49

KEY TAKE-AWAYSMinimalism is a style and a mindsetRequires understanding users' needs& the project's purposeStrategically removing non-essentialelements helps create more peacefulenvironmentBeing purposeful helps us reach our goals

#WCUS@LaurenPittenger 50

RESOURCESSitepoint: What is Minimalism?Minimalist Design: 25 BeautifulExamples and Practical Tips8 Ways to Evoke Positive Emotions inVisual Design7 pillars of minimalist web designIntroduction to Minimal ArtHow to Reduce Clutter in Web DesignStakeholder Interview SampleYou Won't Finish This Article

What You Think You Know About theWeb Is WrongMinimalist Design - Should IImplement It for My Website?The Characteristics of Minimalism inWeb DesignMinimography: Royalty-FreeMinimalist PhotosNo SidebarNegative Space: Free Stock Photos

#WCUS@LaurenPittenger 51

THANKS!

LAUREN PITTENGERDesigner & developer with LBDesign

Instructor with Women's Coding Collective

@LaurenPittenger

laurenpittenger.com

52