25
HTML apps can be beautiful Clare Evans Pugpig @clare_lisbeth

HTML apps can be beautiful

Embed Size (px)

DESCRIPTION

It's sometimes hard to believe that your content can be as beautiful in your digital edition as you print... but it can! Including some case studies of some lovely Pugpig apps and a brief rundown of the process to create yours.

Citation preview

Page 1: HTML apps can be beautiful

HTML apps can be beautiful

Clare Evans Pugpig

!

@clare_lisbeth

Page 2: HTML apps can be beautiful
Page 3: HTML apps can be beautiful
Page 4: HTML apps can be beautiful
Page 5: HTML apps can be beautiful

Seeing as you might not believe me…

Page 6: HTML apps can be beautiful
Page 7: HTML apps can be beautiful
Page 8: HTML apps can be beautiful
Page 9: HTML apps can be beautiful
Page 10: HTML apps can be beautiful
Page 11: HTML apps can be beautiful

Digital is a different type of product to print

Attempting to re-create layouts you have in print is only going to cause you more headaches

Page 12: HTML apps can be beautiful
Page 13: HTML apps can be beautiful

So, how?Creating a beautiful app for your publication:

• Design

• HTML build

• CMS build

• Training

• Dry runs

• Go!

Page 14: HTML apps can be beautiful

DesignWire-framing

Page 15: HTML apps can be beautiful

DesignVariations

Page 16: HTML apps can be beautiful

HTML

Page 17: HTML apps can be beautiful

Content Management System

Page 18: HTML apps can be beautiful

And so, to the future… well, now

Page 19: HTML apps can be beautiful

via @lukew

Page 20: HTML apps can be beautiful

Responsive was already key but - if possible -

it just got more important

Page 21: HTML apps can be beautiful
Page 22: HTML apps can be beautiful

CSS Shapes

Page 23: HTML apps can be beautiful

CSS Shapes

Page 24: HTML apps can be beautiful

CSS Shapes

Page 25: HTML apps can be beautiful

Thanks!

@clare_lisbeth

@pugpig

@kaldor