I was asked to present at the Design Network North Web Interest Group. I chose the topic of 'The Future of Web Design'. A nostalgic look back at early functional web designs, the progress made to modern day and a glimpse into the future.

1. THE FUTURE OF WEB DESIGN
VINCE MORAN
VINCE@DAYKINANDSTOREY.CO.UK
WWW.DAYKINANDSTOREY.CO.UK
(0191) 3009444

2. DIGITAL MARKETING’S THREE PARTS
Acquisition: Conversion:Engagement:
Content/Search,
PPC, Email, Social
Conversion Rate
Optimisation (CRO)

3. Start at the beginning

4. 1991 - THE FIRST PUBLIC WEB PAGE
● 1991 - August - The first
public web page is
launched
● Text base website
● Created by Tim Berners-
Lee

5. 1995 - THE FIRST YAHOO WEB PAGE
● 1992: The term “surfing
the internet” is coined
and popularised
● 1993: Text and images
on the same page
● 1994: Summer: First
eCommerce transaction
● Table based websites
with images

6. 1996 - SPACEJAM
● Tables, frames,
animated gifs
● The Year of 'Under
Construction'
● Flash released
● CSS released
● ASP released

7. LATE ‘90s - FLASH WEBSITES
● Full Flash websites
● Tables and Flash
animation
● Websites with Flash
navigation

8. 2000 - CSS
● Start using CSS
● Separate Content from
Design

9. MID TO LATE 2000s - SEMANTIC WEB, CSS, WEB 2.0
● Semantic Web - Machines
understanding web pages
as well as humans
● WEB 2.0 - User-generated
content and usability.
Dynamic websites, web
applications
● Interactive
● Social Websites
● HTML 5
● One Page Layouts

10. Web design is roughly here
2010 to 2015

11. SKEUOMORPHIC

12. PARALLAX

13. RESPONSIVE

14. FLAT

15. CARD

16. It’s difficult to predict the future

17. ● Minimalism and Flat Design 2.0
● Simplified Websites built for Speed
● Subtle Animations
● Rich Animations
● Web Components
● Age-Responsive Design
● Microinteractions
● More Card-Style Interfaces
● App inspired web design
● Infinite scrolling
● Modules and modular text
● Visual Storytelling
● Cool Typography
● Rich colours
● Illustrations and Sketches
● Videos replacing images
LOTS OF WEB DESIGN TRENDS

18. 1. THE RISE OF MATERIAL DESIGN

19. THE RISE OF MATERIAL DESIGN
● Developed by Google
● Use of grid-based layouts
● Responsive animations and
transitions
● Padding
● Depth effects such as
lighting and shadows

20. 2. DEATH OF THE (CHEESY) COMMERCIAL STOCK PHOTO

21. DEATH OF THE (CHEESY) COMMERCIAL STOCK PHOTO
● Create Authentic Images
● Cameras on smartphones
offer a nice balance
between quality and
convenience
● Work with photographers
● Work with your team
● Plan your visual story
Panorama photo of Toronto features unbelievably vivid colors taken
with an iPhone 6

22. 3. ARTIFICIAL INTELLIGENCE

23. The Grid
The power of artificial
intelligence to take everything
you throw at it - videos, images,
text, urls and more - and
automatically shape them into a
custom website unique to you
https://thegrid.io/
ARTIFICIAL INTELLIGENCE

24. COLLABORATION

25. THANK YOU
VINCE MORAN
BUSINESS DEVELOPMENT MANAGER
VINCE@DAYKINANDSTOREY.CO.UK
WWW.DAYKINANDSTOREY.CO.UK
(0191) 3009444