SlideShare a Scribd company logo
Design
   Swoon
            ...
@saracannon sara-cannon.com
Sara Cannon
             Freelance Artist, Designer,
             & WordPress Developer
             living in Birmingham, AL

             @saracannon




slideshare.net/saracannon
functionality

   is the new concept
The 1 Pager
talentgarden.it
Design Swoon - Visual Trends  & WordPress
carterdigital.com.au
Design Swoon - Visual Trends  & WordPress
beetle.de
Design Swoon - Visual Trends  & WordPress
invitinghische.com
Design Swoon - Visual Trends  & WordPress
Information
Architecture

   is the new strategy
wireframing
smashingmagazine.com/2009/09/01/35-excellent-
           wireframing-resources/
Design Swoon - Visual Trends  & WordPress
site mapping
Home




About   Contact   Blog
Design Swoon - Visual Trends  & WordPress
Design Swoon - Visual Trends  & WordPress
content

 is the focus
RSS
Design Swoon - Visual Trends  & WordPress
Longform
Design Swoon - Visual Trends  & WordPress
Design Swoon - Visual Trends  & WordPress
MOAR devices
Design Swoon - Visual Trends  & WordPress
Design Swoon - Visual Trends  & WordPress
Mobile

should never be an afterthought
responsive
web design
Design Swoon - Visual Trends  & WordPress
twentyelevendemo.wordpress.com
PandoDaily.com
Design Swoon - Visual Trends  & WordPress
Design Swoon - Visual Trends  & WordPress
gestures
Movement

 is the new refinement
momentskis.com
Design Swoon - Visual Trends  & WordPress
davegamache.com
Design Swoon - Visual Trends  & WordPress
slaveryfootprint.com
Design Swoon - Visual Trends  & WordPress
dangersoffracking.com
Design Swoon - Visual Trends  & WordPress
simplicity

  is the challenge
ohbeautifulbeer.com
Design Swoon - Visual Trends  & WordPress
the simple
 portfolio
ja-sein.de
Design Swoon - Visual Trends  & WordPress
films.bybrettjohnson.com
Design Swoon - Visual Trends  & WordPress
Winter is
winter
coming
Coming
Art by: Chase Kunz   society6.com/artist/chasekunz
What NOT
  to do
 in 2012
Design Swoon - Visual Trends  & WordPress
Design Swoon - Visual Trends  & WordPress
Design Swoon - Visual Trends  & WordPress
Never EVER Use
           Comic Sans
( It doesn’t matter that you think it’s good for wire-framing )
Think Its
IRONIC?
You’re Such A
  Hipster.
comicsans.de
It’s STILL Not Cool
EVEN If You Think
  It Is IRONIC
It’s STILL Not Cool
EVEN If You Think
  It Is IRONIC
bingo card
Design Swoon - Visual Trends  & WordPress
Sliders are SO
   2011
   ( oh no she DIDN’T! )
use the Fauxgo
Design Swoon - Visual Trends  & WordPress
what to do
 in 2012
break borders &
 breathe
paulmitchellkelly.com
Design Swoon - Visual Trends  & WordPress
there is no
page fold
thereisnopagefold.com
Design Swoon - Visual Trends  & WordPress
Design

 is everything
web design is
    95%
Typography
 design = typography = everything
ringboxingclub.com
Design Swoon - Visual Trends  & WordPress
Resources
html5please.us
Design Swoon - Visual Trends  & WordPress
css-tricks.com
Design Swoon - Visual Trends  & WordPress
eye-dropper.kepi.cz
Design Swoon - Visual Trends  & WordPress
jasonsantamaria.com/reading
Design Swoon - Visual Trends  & WordPress
2012
     functionality
Information Archicture
        content
         mobile
      movement
       simplicity
         design
Thank You
@saracannon sara-cannon.com

More Related Content

What's hot (20)

PDF
Webfonts: Demystified
Mel Choyce
 
PDF
WordPress: A Designer's CMS
Chelsea Otakan
 
PDF
Le Wagon - 2h Landing
Boris Paillard
 
PDF
Web Typography: A (Brief) Review
Dan Rubin
 
PDF
Atomic design
Bryan Wengren
 
PDF
Learning by Doing: 10 Lessons in Pushing your WordPress Development Skills
Sarah Moyer
 
PDF
Le Wagon - UI and Design Crash Course
Boris Paillard
 
KEY
Designing in the Browser - Mason Wendell, Drupaldelphia
canarymason
 
PDF
Where are (web) designers going with web fonts?
Scott Boms
 
KEY
Principles Of Web Design Workshop
Gavin Elliott
 
PDF
Controlling Web Typography
Trent Walton
 
PDF
Http _css-tricks
Daniel Downs
 
PDF
Widget areas
WordCamp
 
PPT
Designing in the Browser - Design for Drupal, Boston 2010
canarymason
 
PPTX
Taming your content with custom post types and fields
Carolyn Jones
 
PDF
Drupaldelphia Shortcuts Cheats And Cheap Stunts
canarymason
 
PDF
How to use Canva to create Facebook posts
Evangeline Ren
 
PDF
Le Wagon - UI components design
Boris Paillard
 
DOCX
Bad design features
ISM
 
PPTX
css and wordpress
umesh patil
 
Webfonts: Demystified
Mel Choyce
 
WordPress: A Designer's CMS
Chelsea Otakan
 
Le Wagon - 2h Landing
Boris Paillard
 
Web Typography: A (Brief) Review
Dan Rubin
 
Atomic design
Bryan Wengren
 
Learning by Doing: 10 Lessons in Pushing your WordPress Development Skills
Sarah Moyer
 
Le Wagon - UI and Design Crash Course
Boris Paillard
 
Designing in the Browser - Mason Wendell, Drupaldelphia
canarymason
 
Where are (web) designers going with web fonts?
Scott Boms
 
Principles Of Web Design Workshop
Gavin Elliott
 
Controlling Web Typography
Trent Walton
 
Http _css-tricks
Daniel Downs
 
Widget areas
WordCamp
 
Designing in the Browser - Design for Drupal, Boston 2010
canarymason
 
Taming your content with custom post types and fields
Carolyn Jones
 
Drupaldelphia Shortcuts Cheats And Cheap Stunts
canarymason
 
How to use Canva to create Facebook posts
Evangeline Ren
 
Le Wagon - UI components design
Boris Paillard
 
Bad design features
ISM
 
css and wordpress
umesh patil
 

Viewers also liked (20)

PPTX
Element of design
Rahul Gupta
 
PPTX
Line,Plane and Openings
Syed Asif Moshroba
 
PPTX
An Introduction to Multisite - WordCamp Phoenix
vegasgeek
 
PDF
Intro to Git
ojtibi
 
PPTX
No Fear
cliener
 
KEY
All out in the Cloud - CloudEast 2012
Jan Jongboom
 
KEY
Conquering The Context Conundrum
Daniel Eizans
 
PDF
Mwhackathon 2012
Matthijs van der Meulen
 
PDF
WordCamp Phoenix 2012
Jay Thompson
 
PDF
Html5 web sockets - Brad Drysdale - London Web 2011-10-20
Nathan O'Hanlon
 
PDF
On Shrink It and Pink It: Designing Experiences for Women
Jessica Ivins
 
PPT
Basic Design : Elements & Principles
Sujit Jadhav
 
PDF
Lispmeetup48 cl-online-learningによる文書分類
Satoshi imai
 
PDF
Building a Responsive Web Design Process
Lydia Whitehead
 
PDF
Let's Sketchnote — MidwestUX 2012
Veronica Erb
 
PPTX
Tone - an element of Art & Design
Neith Moore
 
PDF
Community at Scale
Lydia Pintscher
 
PPT
Primary elements of form
AJstar26
 
PPTX
60 Ways To Grow Your Email List
Vanessa CEO
 
PPTX
Inbound Marketing is the Answer - Leighton Interactive
MarcoTechnologies
 
Element of design
Rahul Gupta
 
Line,Plane and Openings
Syed Asif Moshroba
 
An Introduction to Multisite - WordCamp Phoenix
vegasgeek
 
Intro to Git
ojtibi
 
No Fear
cliener
 
All out in the Cloud - CloudEast 2012
Jan Jongboom
 
Conquering The Context Conundrum
Daniel Eizans
 
Mwhackathon 2012
Matthijs van der Meulen
 
WordCamp Phoenix 2012
Jay Thompson
 
Html5 web sockets - Brad Drysdale - London Web 2011-10-20
Nathan O'Hanlon
 
On Shrink It and Pink It: Designing Experiences for Women
Jessica Ivins
 
Basic Design : Elements & Principles
Sujit Jadhav
 
Lispmeetup48 cl-online-learningによる文書分類
Satoshi imai
 
Building a Responsive Web Design Process
Lydia Whitehead
 
Let's Sketchnote — MidwestUX 2012
Veronica Erb
 
Tone - an element of Art & Design
Neith Moore
 
Community at Scale
Lydia Pintscher
 
Primary elements of form
AJstar26
 
60 Ways To Grow Your Email List
Vanessa CEO
 
Inbound Marketing is the Answer - Leighton Interactive
MarcoTechnologies
 
Ad

Similar to Design Swoon - Visual Trends & WordPress (20)

PDF
Prophets trends in Interactive Design 2012
Prophets Agency
 
PDF
Prophets trends-in-interactive-design
Robert Kostka-Zawadzki
 
PDF
Web design trends for 2010 by Tijs Vrolix
LucianoQuero
 
PDF
Web Design Book of Trend 2013 - 2014
Jessie Doan
 
PDF
Designer vs Developer: BE THE UNICORN
Sara Cannon
 
PDF
MIMA 2014 - Changing your Responsive Design Workflow
easelsolutions
 
PPTX
Web animation, interaction and user experience
saya4
 
PPT
Responsive Design: Out of the Box and Down the Rabbit Hole
Dan Moriarty
 
PDF
Acting outside the box
Alexandra Deschamps-Sonsino
 
PDF
Jan Řezáč - I don’t like that website! MKTFEST 2014
Marketing Festival
 
PPTX
Responsive Design with Backbone
Mauvis Ledford
 
PPT
How to Act Like an Agency within a Company: UX for the Enterprise
FlashGuy13
 
PDF
Goodgreater
Vera Kovaleva
 
PDF
Coding for Designers
Milly Schmidt
 
PDF
GFAR webinar "The future of online media" - webdesign trends
GCARD Conferences
 
PDF
[Msd10]mobile design02
jylee_kgit
 
PDF
Responsive web design - or just web design?
Claus Stadel
 
PDF
Designbarcampmedium 1227979648416782-9
hmtv
 
PPTX
Design Communication in Product Management | Latif Nanji
Product Tank Toronto
 
PDF
15 Web Design Trends for 2013
David King
 
Prophets trends in Interactive Design 2012
Prophets Agency
 
Prophets trends-in-interactive-design
Robert Kostka-Zawadzki
 
Web design trends for 2010 by Tijs Vrolix
LucianoQuero
 
Web Design Book of Trend 2013 - 2014
Jessie Doan
 
Designer vs Developer: BE THE UNICORN
Sara Cannon
 
MIMA 2014 - Changing your Responsive Design Workflow
easelsolutions
 
Web animation, interaction and user experience
saya4
 
Responsive Design: Out of the Box and Down the Rabbit Hole
Dan Moriarty
 
Acting outside the box
Alexandra Deschamps-Sonsino
 
Jan Řezáč - I don’t like that website! MKTFEST 2014
Marketing Festival
 
Responsive Design with Backbone
Mauvis Ledford
 
How to Act Like an Agency within a Company: UX for the Enterprise
FlashGuy13
 
Goodgreater
Vera Kovaleva
 
Coding for Designers
Milly Schmidt
 
GFAR webinar "The future of online media" - webdesign trends
GCARD Conferences
 
[Msd10]mobile design02
jylee_kgit
 
Responsive web design - or just web design?
Claus Stadel
 
Designbarcampmedium 1227979648416782-9
hmtv
 
Design Communication in Product Management | Latif Nanji
Product Tank Toronto
 
15 Web Design Trends for 2013
David King
 
Ad

More from Sara Cannon (20)

PDF
Open Source Creativity
Sara Cannon
 
PDF
Design Strategy: How information Can Drive Your Designs Decisions To Success
Sara Cannon
 
PPTX
Sara cannon pushing the creative limit
Sara Cannon
 
PDF
Learning Through Stealing - How to Become Better At Your Craft
Sara Cannon
 
PDF
WordPress & User Experience - WordCamp London
Sara Cannon
 
PDF
WordPress & User Experience - WordCamp St. Louis
Sara Cannon
 
PDF
Typography and User Experience - WCSF
Sara Cannon
 
PDF
Typography and User Experience in Web Design
Sara Cannon
 
PDF
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Sara Cannon
 
PDF
Smart Design
Sara Cannon
 
PDF
SMART DESIGN - icon fonts, svg, and the mobile influence
Sara Cannon
 
PDF
IconFonts
Sara Cannon
 
PDF
The Future of UI - How Mobile Design is Shaping The Web 2
Sara Cannon
 
PDF
Designing for The Modern Web
Sara Cannon
 
PDF
Responsive Design
Sara Cannon
 
PDF
Font Swoon - Advanced Web Typography
Sara Cannon
 
PDF
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
Sara Cannon
 
PDF
Typography on the Web
Sara Cannon
 
PDF
CSS Tricks for WordPress - WordCamp Phoenix
Sara Cannon
 
PDF
Type in your WordPress Themes by Sara Cannon WordCamp NYC
Sara Cannon
 
Open Source Creativity
Sara Cannon
 
Design Strategy: How information Can Drive Your Designs Decisions To Success
Sara Cannon
 
Sara cannon pushing the creative limit
Sara Cannon
 
Learning Through Stealing - How to Become Better At Your Craft
Sara Cannon
 
WordPress & User Experience - WordCamp London
Sara Cannon
 
WordPress & User Experience - WordCamp St. Louis
Sara Cannon
 
Typography and User Experience - WCSF
Sara Cannon
 
Typography and User Experience in Web Design
Sara Cannon
 
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Sara Cannon
 
Smart Design
Sara Cannon
 
SMART DESIGN - icon fonts, svg, and the mobile influence
Sara Cannon
 
IconFonts
Sara Cannon
 
The Future of UI - How Mobile Design is Shaping The Web 2
Sara Cannon
 
Designing for The Modern Web
Sara Cannon
 
Responsive Design
Sara Cannon
 
Font Swoon - Advanced Web Typography
Sara Cannon
 
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
Sara Cannon
 
Typography on the Web
Sara Cannon
 
CSS Tricks for WordPress - WordCamp Phoenix
Sara Cannon
 
Type in your WordPress Themes by Sara Cannon WordCamp NYC
Sara Cannon
 

Recently uploaded (20)

PPTX
OA presentation.pptx OA presentation.pptx
pateldhruv002338
 
PDF
State-Dependent Conformal Perception Bounds for Neuro-Symbolic Verification
Ivan Ruchkin
 
PPTX
Farrell_Programming Logic and Design slides_10e_ch02_PowerPoint.pptx
bashnahara11
 
PDF
Tea4chat - another LLM Project by Kerem Atam
a0m0rajab1
 
PDF
A Strategic Analysis of the MVNO Wave in Emerging Markets.pdf
IPLOOK Networks
 
PPTX
Agentic AI in Healthcare Driving the Next Wave of Digital Transformation
danielle hunter
 
PDF
Brief History of Internet - Early Days of Internet
sutharharshit158
 
PDF
NewMind AI Weekly Chronicles – July’25, Week III
NewMind AI
 
PDF
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
PPTX
Introduction to Flutter by Ayush Desai.pptx
ayushdesai204
 
PDF
OFFOFFBOX™ – A New Era for African Film | Startup Presentation
ambaicciwalkerbrian
 
PPTX
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 
PPTX
Agile Chennai 18-19 July 2025 | Workshop - Enhancing Agile Collaboration with...
AgileNetwork
 
PDF
The Future of Mobile Is Context-Aware—Are You Ready?
iProgrammer Solutions Private Limited
 
PDF
AI Unleashed - Shaping the Future -Starting Today - AIOUG Yatra 2025 - For Co...
Sandesh Rao
 
PDF
Presentation about Hardware and Software in Computer
snehamodhawadiya
 
PDF
GDG Cloud Munich - Intro - Luiz Carneiro - #BuildWithAI - July - Abdel.pdf
Luiz Carneiro
 
PPTX
What-is-the-World-Wide-Web -- Introduction
tonifi9488
 
PPTX
The Future of AI & Machine Learning.pptx
pritsen4700
 
PDF
RAT Builders - How to Catch Them All [DeepSec 2024]
malmoeb
 
OA presentation.pptx OA presentation.pptx
pateldhruv002338
 
State-Dependent Conformal Perception Bounds for Neuro-Symbolic Verification
Ivan Ruchkin
 
Farrell_Programming Logic and Design slides_10e_ch02_PowerPoint.pptx
bashnahara11
 
Tea4chat - another LLM Project by Kerem Atam
a0m0rajab1
 
A Strategic Analysis of the MVNO Wave in Emerging Markets.pdf
IPLOOK Networks
 
Agentic AI in Healthcare Driving the Next Wave of Digital Transformation
danielle hunter
 
Brief History of Internet - Early Days of Internet
sutharharshit158
 
NewMind AI Weekly Chronicles – July’25, Week III
NewMind AI
 
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
Introduction to Flutter by Ayush Desai.pptx
ayushdesai204
 
OFFOFFBOX™ – A New Era for African Film | Startup Presentation
ambaicciwalkerbrian
 
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 
Agile Chennai 18-19 July 2025 | Workshop - Enhancing Agile Collaboration with...
AgileNetwork
 
The Future of Mobile Is Context-Aware—Are You Ready?
iProgrammer Solutions Private Limited
 
AI Unleashed - Shaping the Future -Starting Today - AIOUG Yatra 2025 - For Co...
Sandesh Rao
 
Presentation about Hardware and Software in Computer
snehamodhawadiya
 
GDG Cloud Munich - Intro - Luiz Carneiro - #BuildWithAI - July - Abdel.pdf
Luiz Carneiro
 
What-is-the-World-Wide-Web -- Introduction
tonifi9488
 
The Future of AI & Machine Learning.pptx
pritsen4700
 
RAT Builders - How to Catch Them All [DeepSec 2024]
malmoeb
 

Design Swoon - Visual Trends & WordPress