SlideShare a Scribd company logo
BritMums Live 2015
“Find your voice, shout it from
the rooftops, and keep doing it
until the people looking for you
find you.”
—Dan Harmon
Who is your audience?
Who do you want your audience to be?
How can you reach them?
“A goal without a plan is just a wish”
—Antoine de Saint-Exupéry
Form a strategy
Set practical goals
Tailor your design
Measure effectiveness
Visually connect the elements of your blog
Alignment ∙ Cohesion ∙ Repetition ∙ Navigation
Why your design layout matters!
Gutenberg Diagram Z Pattern F Pattern
Good design means never having to say “Click here”.
Credit:vanseodesign.com
Web Design for Bloggers
Complementary Analogous Triadic
Split-Complementary Rectangular Square
Credit:Kissmetrics
RED Aggressive, Energetic,Provocative
PURPLE Elegant, Nostalgic, Spiritual
BLUE Trustworthy, Dependable, Responsible
GREEN Fresh, Prestigious, Serene
YELLOW Creative, Positive, Optimistic
ORANGE Exciting, Playful, Energetic
BROWN Simple, Natural, Durable
BLACK Timeless, Luxurious, Sophisticated
WHITE Pure, Clean, Soft
“The best colour in the
whole world is the one
that suits you.”
!
—Coco Chanel
Readability ∙ Experience ∙ Message ∙ Distinction
!
“When typography is on-point, words become images.”
—Shawn Lukas
Typographic Hierarchy
“Digital design is
like painting,
except the paint
never dries.”
—Neville Brody
No photo is better than a bad photo!
!
But everyone can be a photographer
!
Story ∙ Composition ∙ Lighting ∙ Alignment ∙ Size
Communicating you
Recognisability is crucial
Simplicity is superior
B r a n d o n G r o t e s q u e
R e g u l a r
B R A N D O N G R O T E S Q U E
R E G U L A R
B R A N D I N G G U I D E L I N E S
C 2 0
Y 1 3
M 5 0
Y 3 0
C 1 0
M 2 0
Y 3 0
K 9 5 C 5
M 3
Y 3
C M Y K F O R P R I N T
# F 5 9 7 9 5
R G B F O R W E B
U s e f o r b u l k o f t y p e - t r a c k i n g 2 0 0
M i n t f o r t y p e - # A C D C C E
C a p i t a l s f o r p o s t t i t l e s
# C A E 8 E O # E 8 C 3 3 9 # 3 2 3 1 3 2 # E F E F E F
P O S T O V E R L A Y S
P R O D U C T C O L L A G E S
b r a n d o n g r o t e s q u e l o w e r c a s e
H E L V E T I C N E U E T H I N C A P I T A L S
( T R A C K I N G 3 0 0 )
l i g h t b a c k g r o u n d i m a g e - # 3 2 3 1 3 1 d a r k b a c k g r o u n d i m a g e - # E F E F E F
u s e a b o r d e r o n
W H I T E
Room to breathe
Consistency across the board
Quality is key
Don’t be a commitment-phobe
Responsiveness
Functionality
Flexibility
Embrace Change
“Design is creativity
with strategy”
–Rob Curedale

More Related Content

PDF
Resume - JamieCulpArt
PPTX
Orientation Summer 2017 NSUACMSC
PDF
Lipscomb University's CORE: Competency-Based Assessment + Learning
PDF
Pinterest, Turismo e Moto Perpetuo
PDF
Tell Your Story - Keynote Presentation
PDF
Remco Bron @ MFW14
PPTX
Branding Workshop: Build a BIG Idea
PPTX
Reverence + Relevance: Evolving the Ultimate 130-Year-Old Brand
Resume - JamieCulpArt
Orientation Summer 2017 NSUACMSC
Lipscomb University's CORE: Competency-Based Assessment + Learning
Pinterest, Turismo e Moto Perpetuo
Tell Your Story - Keynote Presentation
Remco Bron @ MFW14
Branding Workshop: Build a BIG Idea
Reverence + Relevance: Evolving the Ultimate 130-Year-Old Brand

What's hot (20)

PDF
Lean PRODUCT - UX e Design Thinking
PPTX
The Christmas Spirit
PPTX
The Christmas Spirit
PPTX
Christmas Spirit
PDF
Guarulhos Vila Augusta: The Brick
PDF
Bringing Learning Innovation to Life
PDF
Sustainable Development infographic
PDF
Top 10 startup mistakes
PDF
Growth Experiments, Challenges, and Other Ideas About Getting Attention
PDF
Promo Games for Movies and TV Shows
PPTX
Creating Content For The Next Generation by Dan Bradley (Vice)
PDF
i-lovelearning Madrid 2017 | The Role of L&D in the Modern Organisation [EN]
TXT
PPTX
TIC 2018
PPTX
Trabajo solicitado por el Entrenador Carlos
PDF
What is Student Centered Coaching?
PDF
Part 2: Leadership & Innovation Tactics
PDF
Design for your audience
PDF
#blackcannes: black seminars, black ideas, black design.
PDF
Digital Marketing is the era in Marketing. Do you agree?
Lean PRODUCT - UX e Design Thinking
The Christmas Spirit
The Christmas Spirit
Christmas Spirit
Guarulhos Vila Augusta: The Brick
Bringing Learning Innovation to Life
Sustainable Development infographic
Top 10 startup mistakes
Growth Experiments, Challenges, and Other Ideas About Getting Attention
Promo Games for Movies and TV Shows
Creating Content For The Next Generation by Dan Bradley (Vice)
i-lovelearning Madrid 2017 | The Role of L&D in the Modern Organisation [EN]
TIC 2018
Trabajo solicitado por el Entrenador Carlos
What is Student Centered Coaching?
Part 2: Leadership & Innovation Tactics
Design for your audience
#blackcannes: black seminars, black ideas, black design.
Digital Marketing is the era in Marketing. Do you agree?
Ad

Similar to Web Design for Bloggers (20)

PDF
The fine art of facilitation methods.3
PDF
Rosa Cano_openexpo2018_sin_texto
PDF
Social Media Week: Towards Social Awesomeness
PDF
Construir productos y transformación digital mezclando tecnología y educación...
PPTX
Create Success With Analytics: A Guide to Designing Delightful Dashboards
PDF
Create Success With Analytics: A Guide to Designing Delightful Dashboards
PDF
Teaching Creative Confidence
PDF
Elements of User Experience for Mobile Apps
PDF
AUA Data Science Meetup
PDF
Facilities for Agile
PPSX
Store motion company profile 2014 march 2015
PDF
StoreMotion Company Profile
PDF
Openbar 6 - Leuven - Design Sprint - Craftworkz
PDF
Data Creativity, comment interpréter les tendances consommateurs grâce au Dat...
PDF
In de weerd presentatie social media
PDF
Stirring Emotions - Making the Human Connection
PDF
The Digital Transformation: A New World Order
PDF
El marketing ha muerto
PPTX
EVOLVE'16 | Keynote | Matt Hauser | Multilingual Digital Experiences
PDF
Led Zeppelin Scaling Agility
The fine art of facilitation methods.3
Rosa Cano_openexpo2018_sin_texto
Social Media Week: Towards Social Awesomeness
Construir productos y transformación digital mezclando tecnología y educación...
Create Success With Analytics: A Guide to Designing Delightful Dashboards
Create Success With Analytics: A Guide to Designing Delightful Dashboards
Teaching Creative Confidence
Elements of User Experience for Mobile Apps
AUA Data Science Meetup
Facilities for Agile
Store motion company profile 2014 march 2015
StoreMotion Company Profile
Openbar 6 - Leuven - Design Sprint - Craftworkz
Data Creativity, comment interpréter les tendances consommateurs grâce au Dat...
In de weerd presentatie social media
Stirring Emotions - Making the Human Connection
The Digital Transformation: A New World Order
El marketing ha muerto
EVOLVE'16 | Keynote | Matt Hauser | Multilingual Digital Experiences
Led Zeppelin Scaling Agility
Ad

Recently uploaded (20)

PPTX
Media And Information Literacy for Grade 12
PPT
Fire_electrical_safety community 08.ppt
PDF
analisis snsistem etnga ahrfahfffffffffffffffffffff
PPTX
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
PPTX
8086.pptx microprocessor and microcontroller
PDF
Trends That Shape Graphic Design Services
PPTX
PROPOSAL tentang PLN di metode pelaksanaan.pptx
PPTX
Introduction to Building Information Modeling
PDF
trenching-standard-drawings procedure rev
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PPTX
Acoustics new a better way to learn sound science
PPTX
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
PDF
2025CategoryRanking of technology university
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PDF
Chalkpiece Annual Report from 2019 To 2025
PPTX
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
Media And Information Literacy for Grade 12
Fire_electrical_safety community 08.ppt
analisis snsistem etnga ahrfahfffffffffffffffffffff
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
8086.pptx microprocessor and microcontroller
Trends That Shape Graphic Design Services
PROPOSAL tentang PLN di metode pelaksanaan.pptx
Introduction to Building Information Modeling
trenching-standard-drawings procedure rev
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
Acoustics new a better way to learn sound science
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
2025CategoryRanking of technology university
GSH-Vicky1-Complete-Plans on Housing.pdf
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Chalkpiece Annual Report from 2019 To 2025
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh

Web Design for Bloggers

  • 2. “Find your voice, shout it from the rooftops, and keep doing it until the people looking for you find you.” —Dan Harmon
  • 3. Who is your audience? Who do you want your audience to be? How can you reach them?
  • 4. “A goal without a plan is just a wish” —Antoine de Saint-Exupéry
  • 5. Form a strategy Set practical goals Tailor your design Measure effectiveness
  • 6. Visually connect the elements of your blog Alignment ∙ Cohesion ∙ Repetition ∙ Navigation
  • 7. Why your design layout matters! Gutenberg Diagram Z Pattern F Pattern Good design means never having to say “Click here”. Credit:vanseodesign.com
  • 9. Complementary Analogous Triadic Split-Complementary Rectangular Square Credit:Kissmetrics
  • 10. RED Aggressive, Energetic,Provocative PURPLE Elegant, Nostalgic, Spiritual BLUE Trustworthy, Dependable, Responsible GREEN Fresh, Prestigious, Serene YELLOW Creative, Positive, Optimistic ORANGE Exciting, Playful, Energetic BROWN Simple, Natural, Durable BLACK Timeless, Luxurious, Sophisticated WHITE Pure, Clean, Soft
  • 11. “The best colour in the whole world is the one that suits you.” ! —Coco Chanel
  • 12. Readability ∙ Experience ∙ Message ∙ Distinction ! “When typography is on-point, words become images.” —Shawn Lukas
  • 13. Typographic Hierarchy “Digital design is like painting, except the paint never dries.” —Neville Brody
  • 14. No photo is better than a bad photo! ! But everyone can be a photographer ! Story ∙ Composition ∙ Lighting ∙ Alignment ∙ Size
  • 15. Communicating you Recognisability is crucial Simplicity is superior
  • 16. B r a n d o n G r o t e s q u e R e g u l a r B R A N D O N G R O T E S Q U E R E G U L A R B R A N D I N G G U I D E L I N E S C 2 0 Y 1 3 M 5 0 Y 3 0 C 1 0 M 2 0 Y 3 0 K 9 5 C 5 M 3 Y 3 C M Y K F O R P R I N T # F 5 9 7 9 5 R G B F O R W E B U s e f o r b u l k o f t y p e - t r a c k i n g 2 0 0 M i n t f o r t y p e - # A C D C C E C a p i t a l s f o r p o s t t i t l e s # C A E 8 E O # E 8 C 3 3 9 # 3 2 3 1 3 2 # E F E F E F P O S T O V E R L A Y S P R O D U C T C O L L A G E S b r a n d o n g r o t e s q u e l o w e r c a s e H E L V E T I C N E U E T H I N C A P I T A L S ( T R A C K I N G 3 0 0 ) l i g h t b a c k g r o u n d i m a g e - # 3 2 3 1 3 1 d a r k b a c k g r o u n d i m a g e - # E F E F E F u s e a b o r d e r o n W H I T E
  • 17. Room to breathe Consistency across the board Quality is key Don’t be a commitment-phobe
  • 19. “Design is creativity with strategy” –Rob Curedale