Web Directions Summit 2018

SydneyNovember 1 & 2 2018

Two big tracks, one Product/Design, one Developer focused, plus stellar keynotes and much more

Why Web Directions Summit?

Our field is constantly changing, where last year's cutting edge is this year's commonplace, and today's best practice is tomorrow's old hat. For well over a decade, we've tracked practices, patterns and technologies to keep our audience up to date.

Web Directions Summit brings together the whole team, with two curated tracks, one focused on development and engineering, one focused on design. For this, we've brought together the finest minds at the intersection of technology and design, in an atmosphere unlike any other.

Who's it for?

The Design Team

UX, IxD, visual, Web, Front End and CX experts, Art Directors, Creative Directors, Experience Leads, Design Leads and Design Researchers should all attend to hear these world leading experts.

The Engineering Team

We've got the whole front end development team covered: front end engineers, JavaScript and Web developers, engineering leads, engineering managers, devops experts, CTOs.

Leaders and Decision Makers

To round it out, our audience is full of smart decision makers, who know taking the pulse of what's now, and next, is vital in making the right strategic decisions. Two tracks, and a mixture of deep dive and high level sessions ensures there's something for you too. Meanwhile, outside the sessions, you'll find engaging showcases of technology and design to keep you thinking.

A genuine Summit

Web Directions Summit takes place alongside two other highly focussed conferences, Web Directions AI and Web Directions Culture, held the day before Summit. You can attend all three days for an extra special price.

speakers and audience
  • 600+ Passionate attendees
  • 40 Transformational speakers
  • 2 Intense Days

Keynotes

begin and end each day with big ideas from world leaders:

Maria Giudice

Maria Giudice Design Leader Hot Studio

Keynote

Read More

Oliver Reichenstein

Oliver Reichenstein Founder Information Architects

Philosophy, Ethics and Design

To a designer, “design” is how it works. To everybody else design is how it looks: nice or ugly. To a philosopher, “ethics” is how we act. To everybody else ethics is how it feels: good or bad.

With the recent call for more ethics in design it’s time to explore what philosophical ethics means within the practice of Human Computer Interaction design.

Read More

Mark Pesce

Mark Pesce inventor, author, broadcaster

Opening Keynote

Read More

Caroline Sinders

Caroline Sinders Design Researcher

The Experimental Future

What is the future of product design using experimental technology from blockchain to voice commands, AI, and IoT?

This talk covers what the future of ethical product design can be? Why and when should we use blockchain, or AI, or IOT? What are design principals we should keep in mind for creating with new technology? Instead of building future worlds imagined in the '60s during the Space Race, what is the future now, and how can we build it?

Read More

Engineering

Two full days of engineering focused sessions: from JavaScript and CSS to performance and security, developer tools and browser APIs, we keep you up to date with our fast moving field.

Rachel Andrew

Rachel Andrew Editor in Chief Smashing Magazine

The Future of Web Design Part I: The New Layout

Rachel Andrew is a front and back-end web developer, author and speaker. Author or co-author of 22 books including The New CSS Layout and a regular contributor to a number of publications both on and offline.

Rachel is co-founder of the CMS Perch and Notist, Editor in Chief of Smashing Magazine, a Google Developer Expert and an Invited Expert to the CSS Working Group. She writes about business and technology on her own site at rachelandrew.co.uk.

Read More

Alex Danilo

Alex Danilo Developer Advocate Google

Compiling for the Web with WebAssembly

WebAssembly is a fast, portable, compact, cross-browser binary format for compilation to the Web. It allows new types of applications and heavy 3D games to run efficiently in browsers. We'll describe what web assembly is, the problems it solves, the low level format and compilation tools available to try it out. In addition, the interfacing between compiled language modules and Javascript is explained.

Read More

Peggy Rayzis

Peggy Rayzis Engineering Manager Meteor

How adopting GraphQL will make your organization better / faster / stronger

GraphQL is being adopted throughout the industry, and for good reason. In this talk, we'll explore some of the use-cases and success stories of top companies as they've made the move to GraphQL. We'll also offer guidance as to how to move through the phases of adoption at your company.

Read More

Patrick Hamann

Charlie Gerard, Software Developer ThoughtWorks

Machine learning for front-end developers

Machine learning can have some pretty complicated concepts to grasp if you’re not a data scientist. However, recent developments in tooling make it more and more accessible for developers and people with little or no experience.

One of these advancements is the ability to now train and run machine learning algorithms and models in the browser, opening this world to front-end developers to learn and experiment.

In this presentation, we will talk about the different applications, possibilities, tools and resources, as well as show a few examples and demos, so you can get started building your own experiments using machine learning in JavaScript.

Read More

Mandy Michael

Mandy Michael Development Manager Seven West Media

The Future of Web Design Part II: Variable Fonts

The web is entering a new era of design opportunities with the introduction of CSS Grid, Photoshop like effects such as filters and blend modes and importantly the increasing support for Variable Fonts. What practical and creative opportunities do variable fonts offer us? What are the benefits over standard fonts? How can we use them in our web projects?

Lets explore the practicalities and possibilities of Variable Fonts on the web and what we can do to make the most out of them.

Read More

mark nottingham

Mark Nottingham Principal Engineer Fastly

To push, or not to push?!

HTTP/2 server push gives us the ability to proactively send assets to a browser without waiting for them to be requested. Sounds great, right?!

However, is this new mechanism really the silver bullet we all thought it was? Is it time to abandon our build systems and stop bundling our assets entirely? Or are lack of server support and browser inconsistencies holding us back? Lastly, what are new specifications such as cache digests and the 103 status code doing to improve the situation?

Using new research and real-world examples, this talk will take a deep dive into HTTP/2 server push, exploring the current and future best practices for loading assets in the browser. Giving us the knowledge to make better decisions when loading our web pages and ultimately leading to faster, more resilient user experiences.

Read More

Rob Howard

Rob Howard Web Factotum

Keep Your Errors Close

Sometimes you write code that doesn't work. If you're lucky, you notice immediately; if you're NOT so lucky, then you might not notice until it's all the way into your customers' hands when... BANG! NoMethodError on undefined TypeError DANGER DANGER, etc.

What this talk is about is how to discover errors as soon as possible, and why doing that is valuable. Focusing on JavaScript, we'll have a practical look at how we can structure our code (to avoid propagating errors) and what tools we can use (linting, tests and types) to avoid these nasty surprises.

Read More

Erwin van der Koogh

Erwin van der Koogh Founder Bitgenics

Securing the Web in 2018

JavaScript starting out as a way to make our web pages a bit more interactive, but over the past few years morphed into unmissable pillar of the web. But with it rise in popularity so have the attack vectors on our code.

Luckily there has been a lot of improvements into the security mechanisms available to us. Unfortunately almost all of them require us to take action.

In this talk we will go over all of the recent additions to the browser security stack and how you can massively increase the security of your site with relatively little work.

Read More

Nadia Makarevich

Nadia Makarevich Senior JavaScript Developer Atlassian

World-class frontend engineering at scale

How do you scale your codebase? We have more than 80 apps, 150 developers in 4 different countries and more than 700k LOC. With the codebase that big it's vitally important to have shared patterns, principals and standards and it's even more important to make sure everyone actually follow those standards.

Learn about the strategies and tools that Atlassian has developed to create and support a high-velocity, high-quality engineering environment, challenges and obstacles that we had to overcome and hoops that we had to jump through on the way.

Read More

Jared Wyles

Jared Wyles Senior Computer Scientist Adobe

beyond-stringly-typed

Ever gone to a website only to click a link and have it turn out like the talk title? Or written code that introduced this bug? Can types prevent this? Absolutely! Stringly typed is a term that defines most peoples usage of of types today, thanks to a horrible introduction through Java at uni.

Through real world examples that nearly every developer will have hit in their career, we can start to move beyond stringly typed code to make impossible states impossible before they become bugs for our users, or even before we run the code or tests. Along the way you will learn how some terms like 'Parametricity' have real world applications and not just the work of academics and will actually help you write bug proof code that is easier to reason about, and understand.

Read More

Alex Reardon

Alex Reardon Principal Engineer Atlassian

What's in the box?

Understanding the css box model is critical for building flexible and accurate abstractions. However, interacting with it in JavaScript is extremely confusing. This talk will explore the various positioning apis such as getBoundingClientRect, offsetTop, scrollWidth and so on - what they measure and how to get them to work together.

Read More

Anh Pham

Anh Pham Founder atschool.live

The truth behind Virtual DOM

Part 1: What's the problem?Virtual DOM (React, Vue.js, Angular and the like) is a jargon which most web engineers have heard of before. If you are one of those engineers, then you probably think that Virtual DOM makes DOM faster when it comes to updating. But however, that idea is a misconception or rather, it is just an idea in which users of Virtual DOM promote. People often hope some UI libraries utilizing Virtual DOM would be much faster compared to some libraries such as Jquery, but that's not what Virtual DOM is supposed to be. While I have the same opinion that Virtual DOM assists us in many aspects, but I will explain why fast-updating and fast-rendering are not the cases in Virtual DOM.

Part 2: If it is not for fast-updating and fast-rendering, then what does it do?We'll first examine on how DOM creation and update happens when manually doing it. By going through the process of creating and updating DOM, we would have a deep understanding of how DOM works in order to see what Virtual DOM can do for us. After showing some glitches of the DOM, we will be going into Virtual DOM world and knowing what it is capable of. Having done all, we could come to a conclusion that with the help of Virtual DOM, the DOM updating and creating side would be as efficient as possible whereas we would have to do more work on JS side.

Part 3: Is it worth using Virtual DOM?There are many good things about Virtual DOM but massive performance is not one of them. The difference between DOM and Virtual DOM is similar to coding Python or Javascript versus coding in C or Pascal. Hence, there is always a trade-off. Also, with Virtual DOM, we would have to spend more time to examine what part in Virtual DOM we have to handcraft (explain and link with Part 2). For some parts that require a lot of performance, it is not even possible to do so (link with Part 2). Therefore, Virtual DOM is just one of the available tools for us to use at our own convenience.

Read More

Design

Two full days of design focused sessions: from UX to IxD, Service design to design systems, research to content and more.

Yiying Lu

Yiying Lu Most Creative People 2018 Fast Company

Designing Across Cultures

In this talk, Yiying Lu will share her 10 years of cross-cultural design practice for global brands such as Disney, Twitter, Wasabi Warriors and so on. She will tell the visual stories of the Twitter Fail Whale and the official Dumpling Emoji. She will also share her creative process on how she overcomes design challenges when working on bilingual creative projects such as the Shanghai Disney Recruitment Campaign, Australian-Chinese real estate brand Home789, and localize global brand 500 Startups for the Korean and Indian market, and so on. Join Yiying on a journey of exploring cross-cultural creativity through colorful logos, whimsical illustrations, symbolic typography designs with occasional puns & jokes.

Read More

Cyd Harrell

Cyd Harrell former Chief of Staff 18F

Metaphors in UX Research and Analysis: A Secret Superpower

Metaphor is one of our most powerful innate capacities as humans, and unlocking its power in UX research work can bring us to a whole new level of insight and stakeholder engagement. Metaphor is a lot like sketching - most people wouldn’t identify themselves as skilled with it. But almost everyone can use it productively with a little bit of attention and practice.

Cyd’s talk will illustrate how to use your metaphorical capacity to do great qualitative analysis. She’ll dig into how to source apt metaphors from users and from your team, how to use them as pointers into the salient parts of a mountain of qualitative data (interview transcripts, for example), how to evaluate which ones are useful, and how to combine them in clusters to get at deep insights. Finally, she’ll show how to share metaphor-driven insights with stakeholders so that design and dev teams can come together and create great experiences.

Read More

Jennifer Hom

Jennifer Hom Experience Design Manager Airbnb

Your Face Here

Come for a walk through the development process of Airbnb's illustrative aesthetics–describing their philosophies on color, representation, and editorial voice. Jennifer will even discuss how superstitions helped localize the style for Airbnb in China.

Read More

Joe Toscano

Joe Toscano Founder Design Good

Speaking with Machines: Conversation as an Interaction Model

The past few years have been filled with chatbot experiments—some brilliant, many not—but the future has yet to be experienced. As artificial intelligence capabilities advance, conversation will become the next major interaction model, not just a messenger experience.

This talk will explain why conversation will play such a large role in the future, define how it will happen, and suggest how you can integrate conversation into your product roadmap.

Read More

Georgina Laidlaw

Georgina Laidlaw Content creative Freelance

Word Design 101

The presentation shows designers how to approach word design using a simple step-by-step process. It then introduces them to the tools and concepts they’ll need to do it well.

They’ll learn how to use language globalisation guidelines; reading level calculators; and design, language, and brand style guides in the writing process. They’ll also learn the elements of tone of voice, the impact of grammar on emotional connection, when (and when not) to reach for the thesaurus, and more. In 20 minutes, we'll unpack the challenge of word design in a pragmatic way that empowers participants to do it better, starting today.

Read More

Donna Benjamin

Donna Benjamin Executive Director Creative Contingencies

Turning stories into websites

The user story sits at the centre of most agile development methodologies.

But what makes a good story? and where do stories come from? What do we do with them once they've been estimated, prioritised, re-sized and broken down? How can we maintain our sense of the big picture when it's broken down into tiny puzzle pieces? How does that help us build good products?

This talk puts the focus on the "user" telling the story to understand their requirements for the product. It then turns back to the team to look at how we hear and discuss those stories in order to bring them to life to build the product, and build it right.

Read More

Allison Ravenhall

Allison Ravenhall Digital accessibility consultant Intopia

Even more accessible! What WCAG 2.1 means for designers

The W3C published its updated accessibility standard (WCAG 2.1) in June. What does it mean for designers? See how the new criteria affect layout and interaction design, including a shoutout to touchscreen devices (finally!)

Read More

Holger Bartel

Holger Bartel Founder Colloq

The Untold Benefits of Ethical Design

Ethics need to be at the core of everything we build. We have to consider our impact and rethink how to build digital products. This way we will not only build more responsible products, but gain additional benefits in the areas of performance, security, privacy and user happiness. This talk will show how to truly care about users & improve the user experience at the same time. Most importantly, this talk will be a technical inspiration, question the status quo and help us build for a better web.

Read More

Laura van Doore

Laura van Doore Senior Product Designer Fathom

Building a compelling case for a Design System

Design Systems have reached peak popularity. It’s no secret that the topic of Design Systems have been an outrageously popular topic over the past few years. Every design team has either built one, is building one, or wants to build one. But it’s not designers who we have to convince when it comes to investing in the build of a design system. Especially if we aren’t lucky enough to be in an organisation where design has a ‘seat at the table’. How can we sell the benefits of a design system with more focus on appealing to upper management, who may not see the same benefits we do?

Read More

Amanda Broomhall

Amanda Broomhall Managing Partner ABCW

Factoring human behaviour into our digital workplace designs

We often take short cuts when we do our designs and end up copying others or relying on what we think are ‘best practice’ concepts. While this is often enough, if we don’t question what is best practice or do our own research we may not achieve usable outcomes.

Most of us are aware of the ‘F reading’ pattern, but are there other common human behaviours that we should be including in our designs?

In this talk, Amanda will look at a few ideas from other disciplines, such as anthropology, neuroscience and psychology that should be considered when designing internal user interfaces.

Read More

Ben Buchanan

Ben Buchanan Engineering Lead Quantium

Things designers and devs should know

For a while during Design18 this was the top tweet... https://twitter.com/200okpublic/status/984295887424839682 ...it seems to have struck a chord. So, this talk expands on what I meant.

The talk goes through things designers and devs should know about their counterparts; from the history and movements of their respective crafts (OO and FP are different, pop art and minimalism are different..) to specific tools and techniques they should know (eg. devs should know about colour theory, designers should know about versioning and release cycles).

Yes, designers should code. Yes, devs should design. No, neither one needs to do that to production quality unless they really want to go all-in (with a shout out to Diana McDonald... there is crossover here).

Bringing it together at the end I would be talking about how design and dev should be working together throughout the process; and the golden rule of collaborative knowledge - "learn about others as you'd have them learn about you".

(If the crossover with Diane's talk is too much; I could extract the design-for-dev stuff for Code instead. But I would love to do the inclusive both-sides version. Also I'd try to back up my anecdotal material by putting a survey out there to ask other people what they wish their counterparts knew.)

Read More

Tim Buesing

Tim Buesing Group Design Director Fjord

Design For Transparency

Transparency creates trust and brings success to products, services and brands. Rather than a footnote in a company's mission statement, it should be the result of a conscious and considered design effort.

Read More

Find the conference pass for you

Combined Pass

  • Summit

  • Summit video

  • AI or Culture conference

  • $1,895 Until 19 October
  • $1,995 Standard

Silver Pass

  • Summit

  • Summit video

  •  
  • $1,495 Until 19 October
  • $1,595 Standard

Classic Pass

  • Summit

  •  
  •  
  • $1,395 Until 19 October
  • $1,495 Standard

Summit
1 & 2 November

  • 2 day conference
  • Happy Hour (& ½)
  • Awesome conference coffee
  • Sensational catered breaks

Summit Videos

  • Captioned, transcribed and annotated video from the Summit.

AI or Culture Conference
31 October

  • Choice of these 1 day conferences

AI or Culture Videos

  • Captioned, transcribed and annotated video from the conference you attend.

Find the conference pass for you

Combined Pass

  • Summit

  • Summit video

  • AI or Culture conference

  • AI or Culture video

  • $1,895 Until 19 October
  • $1,995 Standard

Register Now

Silver Pass

  • Summit

  • Summit video

  •  
  • $1,495 Until 19 October
  • $1,595 Standard

Register Now

Classic Pass

  • Summit

  •  
  •  
  • $1,395 Until 19 October
  • $1,495 Standard

Register Now

Convince the Boss

Need help convincing your boss of the value of investing in you attending Web Directions Summit? Download our Convince the Boss, and forward it along, or print it out and hand it to whoever makes these decisions!

Can't convince the boss?

We've got your back. If for whatever reason you can't convince the boss so have to pay your own way, we'll extend you the freelance price of just $795. Just use the code 'freelance' when you register.

Attend together

Teams get more

Send a team of five or more to Summit and get even more. Register with the code team and for just $1295 per team member, you'll each get:

  • A Silver pass for each attendee
  • A licence to the videos from Summit 2018
  • A licence to the videos from our Code and Design 2018 conferences
  • And we'll give your team recognition at the event, on screen and from the stage.

But wait! If you sign up a team of 8 or more, you'll get all this plus:

  • A complementary place at our Culture (taking place the day before Summit), ideal for team leaders.
  • A 2 Hour session with Web Directions founder, John Allsopp, for your whole team (even those not attending Summit!) Hear John's thoughts on what's critical to focus on in the world of digital product and service design, development and delivery. The session can take place in person, or online. John's insights are in demand at conferences like Smashing, Beyond Tellerand, and Fluent as well as by companies around the world.

All for less than the price of a classic ticket to the event. Remember just register with the code team.

Want to discuss more? Drop us a line at partners@webdirections.org.

Need to convince the boss? Download our Convince the Boss, print it out and slip it under the door of the corner office!

Special pricing

We strive to make our events as affordable as possible, and so have a limited number of specially priced tickets for Charitable Not For Profits and freelancers. If you qualify, use the code nfp or freelance to get a silver ticket for just $799.

Not sure if you qualify? Drop us a line, we try to be as generous as possible.

Support Diversity–buy a diversity ticket

At Web Directions we've long had a diversity scholarship program, and with a bigger venue, the opportunity to expand the scholarship means you can directly support the scholarship. How? By purchasing part or all of a diversity ticket.

How does it work?

We've priced diversity tickets at $795, so half the price of a full priced ticket. You can purchase

We select candidates who apply, including a number from outside Sydney (we cover airfare and accomodation for them as well).

All you have to do is select the level of support–a quarter, half or whole of a ticket (or multiple tickets if you're feeling generous). We'll take care of the rest, and recognise your support, should you wish, at the conference.

Purchase a Diversity Ticket

Our venue

Web Directions Summit 2018 returns to our longtime home, the International Convention Centre in Darling Harbour.

Getting there:

There are numerous public transport options, and parking available on site.

Accommodation:

If you're coming from out of town, there are many hotel and serviced apartment style accomodation options in Darling Harbour, and otherwise close by.

Partners

At Web Directions we work closely with partners to help make our events even better. Sponsor our coffee, reception, recharge station, or other valued activities and start or grow your relationship with our highly qualified audience.

Contact us for more on how we work can work with you to help you be even more awesome.

Key Partners

twilio logo
canlab logo
bitgenics logo
Servian logo
Servian logo
Section IO logo
Web Directions Insurance logo
Scentre Group Logo logo
Conffab logo

Devtools Showcase

Partners

Meetup Muster

Our meetup muster showcases some of our favourite meetups across design and engineering. A chance for our audience to connect with the community, and for meetups to add to their audience.

Meetup Muster Partners

Praise for past Web Directions events

Phil Whitehouse
Web Directions is the must-attend event of the year for anyone serious about web development.

Phil Whitehouse,
Innovation Lead DigitasLBi

Ethan Marcotte
I’ve been admiring the Web Directions events for years, and was honored to be part… What a fantastic event!

Ethan Marcotte,
inventor "responsive Web design"

Dave Greiner
Out of any conference, Web Directions is far and away our favourite

Dave Greiner,
founder Campaign Monitor

About Us

Co-founded and now run by John Allsopp, Web Directions has for over a decade brought together leading developers, engineers, visual, IxD, UX and product designers, Art and Creative Directors, indeed everyone involved in producing web and digital products to learn from one another, and the World's leading experts across this vast field.

We spend our lives thinking about what comes next, keeping up with trends in technology, practices and processes, and filtering the hype, to make sure you don't miss trends that matter, and don't waste time on hype that doesn't.

We promise attending one of our events will leave you significantly better versed in the challenges you face day to day, and in solutions for addressing them.

In 2018, we'll be organising Design in Melbourne, Code and Code Leaders in Melbourne, and Web Directions Summit, AI and Culture in Sydney

vignettes form our events, social, speakers and more. Includes Hannah Donovan skylarking.

John Allsopp

John Allsopp has been working on the Web for over 20 years. He's been responsible for innovative developer tools such as Style Master, X-Ray and many more. He's spoken at numerous conferences around the World and delivered dozens of workshops in that time as well.

His writing includes two books, including Developing With Web Standards and countless articles and tutorials in print and online publications.

His "A Dao of Web Design" published in 2000 is cited by Ethan Marcotte as a key influence in the development of Responsive Web Design, who's rightly acclaimed article in 2010 begins by quoting John in detail, and by Jeremy Keith as "a manifesto for anyone working on the Web".

Code of Conduct

For over a decade, we've worked hard to create inclusive, fun, inspring and safe events for the Web Industry.

As part of our commitment to these values, we've adopted a code of conduct for all involved: ourselves, our speakers, our partners and our audience.

If you have any concern or feedback, please don't hesitate to contact us.