A mini-conf bringing together designers, design system lovers and front-end developers.

30 November 2018 / Sydney, Australia / Domain HQ / @CodeHeartDesign

Get tickets

Schedule

  • 12:00pm - 12:30pm
    Doors open
  • 12:45pm - 1:00pm
    Welcome
  • 1:00pm - 1:45pm
    Sharon SteedKeynote

    Sharon Steed

    Principal / Communilogue

    Creating Cultures of Empathy

    The most successful endeavors all follow the same general trajectory: a decent idea executed flawlessly by a cohesive team of hard workers. No matter the project, everything can be achieved following this general guideline. But the exact thing that can create global companies, solve impossible problems, and bring ideas to life is also the same reason why so many companies fail. That thing is us. People. But when were at our best, there isnt anything we cant do. So how do we optimize collaboration? How do we work better together even if we dont see eye to eye with everyone on our teams? And how do we create a culture of empathy when all we can see about everyone around us is our differences?

    Sharon Steed explores empathy in an unusual way: from the perspective of a stutterer. Sharon explains what empathy is (and what it isnt) and gives you the tools you need to create a culture of empathy on your team.

  • 1:50pm - 2:00pm
    Patrick De Young

    Patrick De Young

    Sr Product Manager / Domain

    10 Rules for a Successful Product
    or How To Work With Developers and Designers

    Delivering a successful product is easy: mix two parts empathy with one part innovation, shake well and garnish with the JavaScript framework of your choice. Job's done! Or so you thought. You probably need someone to design your product. And someone to bring those designs to life. Working with designers and developers doesn't need to be the nightmare you're imagining. Listen in as I share my experience as a product manager, conveniently distilled into 10 rules for delivering a successful product.

  • 2:05pm - 2:25pm
    Isabel Brison

    Isabel Brison

    Front end engineer / Fairfax Media

    Modern web app architecture, whichever framework you use, focuses on separation of concerns and reusability. The current trend towards design systems feeds into this logic, abstracting a highly reusable presentational layer.

    Design is Atomic; code is neatly separated into presentational and container components. But what happens when these different paradigms meet in the middle? Should the app architecture be influenced by Atomic principles? How do we represent state changes in the design system?

    Well look at a few problems that might pop up when applying these principles to a real world product (especially when working to tight deadlines) and share a few tips on how to avoid pitfalls and build a clean, scalable codebase, all while staying on speaking terms with the design team.

  • 2:25pm - 2:50pm
    Break and shout outs
  • 2:55pm - 3:25pm
    Jed Watson

    Jed Watson

    Co-Founder / Thinkmill

    Its wild how much JavaScript has learned from CSS over the years. Need to target a DOM element? CSS Selectors have you covered! Declarative code? That was CSS long before it was React. So as we boldly put our CSS in our JS and step into the component age, lets take a look at some other lessons we can learn from the design language of the web.

  • 3:30pm - 4:00pm
    Russ Weakley

    Russ Weakley

    Design System Principal / IAG

    Accessibility in Design systems - the pain and glory

    Building a design system is a painful enough, but how do you add accessibility into the mix? Is it an "up-at-dawn, pride-swallowing siege", or can it become part of the normal work flow. We'll look at accessibility for different roles - such as UX, UI and devs, as well as where accessibility should be injected into the process.

    Russ Weakley has worked in the design field for over 20 years as a Design System Architect, User Experience professional, Front-end Developer and trainer. He is the producer and presenter of 12 video courses on CSS and Responsive Web Design and is passionate about accessibility and web standards.

  • 4:00pm - 4:30pm
    Gelato / coffee break and shout outs
  • 4:30pm - 5:15pm
    Mark Dalgleish

    Mark Dalgleish

    Front End Engineering Lead / SEEK

    Sketching in the Browser

    Keeping developers and designers in sync is an ongoing challenge for our industry. To tackle this problem, we're beginning to see the emergence of a new breed of code-powered design tooling, providing a true feedback loop from development back into design. In this talk, we'll run through a real-world example of how we generated a shared Sketch library from our React-based design system, have a closer look at how it all works, and show how you can start experimenting with this technique yourself.

  • 5:20pm - 5:45pm
    Patrick Thompson

    Patrick Thompson

    Co-founder / Iterative.ly

    Build realistic prototypes, how to design with code and real data

    Prototyping is a crucial step in the design process and yet practically nowhere to be found. We shouldnt be surprised! The medium of choice by the vast majority of designers Sketch, Figma, Invision are terrible at building realistic, meaningful prototypes. What could go wrong when we try to validate our designs with illusions?

    The future doesnt have to be like this. Standardization on component-based frameworks like React, growing adoption of design systems, technologies like GraphQL, and a slew of innovative, designer-focused tools that tie everything together, building realistic prototyping is finally within reach. Designers who make the leap into this world will find themselves empowered to create prototypes as an essential part of the design process.

    In this talk, well dive deeper into the current state of prototyping and how tools are evolving to allow designers to prototype with code and real data!

  • 5:45pm - 6:40pm
    Dinner and Shout outs
  • 6:40pm - 7:10pm
    Allard van Helbergen - Raja Bellebon

    Allard van Helbergen - Raja Bellebon

    Senior Designer / Atlassian - SDET Engineer / Atlassian

    The ‘devsigner of the future

    Designers expect developers to understand UX and developers expect designers to understand the technicalities of their platform. The back and forth of this is embodied by the dreaded hand-off.

    Current tooling already makes the hand-off simpler and quicker. But, it also requires one role to know more about the other. Are the roles slowly fusing into a new one, ‘the devsigner?

    Allard an Raja will take you on a journey in their quest to eradicate the hand-off. What would a hand-off look like if there wasnt one? What if a designer could influence production code? What if a developer could iterate the way a designer does? Is the future really that far away?

  • 7:15pm - 8:00pm
    Panel discussion

Tickets

  • Workshop ticket

    Attend Sharon's workshop in the morning of the conference. Learn more.

  • Conference tickets - sold out

    Attend the conference knowing profits are donated to charity.

Location

Domain HQ, 55 Pyrmont St, Pyrmont NSW 2009

Workshop

Sharon Steed

Communicating with Empathy

Teaching developers and designers the behaviors needed to be effective communicators and optimal collaborators.

This half-day workshop explores the principles of empathy that foster the best, most productive communication in individuals and on tech teams in the workplace. Participants will take part in interactive games, discussions, and activities to identify their communication strengths and weaknesses; learn the empathy actions they already display and those that they need to incorporate into their daily lives for optimal communication; and how to approach all conversations from a place of understanding.

Objective and outcomes:

  • Participants will define what empathy is on their own terms, and theyll understand how and why empathy is a benefit to any community or organization.
  • Participants will develop a system of communication they can share with and teach their teams at work that is rooted in empathy principles.
  • Participants will leave the workshop being more confident communicators; more understanding and prepared collaborators; and more engaged team members.

Primary focus: Communication skills

Target audience: Developers and designers

Time: 8.30 for a 9am start Nov 30th, on the morning of the conference

Location: Atlassian, Level 6, 341 George St, Sydney CBD

Lunch and soft drinks provided

Get tickets

Sponsors

  • Atlassian is a leading provider of collaboration, development, and issue tracking software for teams. With over 100,000 global customers (including 85 of the Fortune 100), were advancing the power of collaboration with products including Jira, Confluence, Bitbucket, and now Trello. Driven by honest values, an amazing culture, and consistent revenue growth, were out to unleash the potential of every team.

    https://www.atlassian.com/

  • Ansarada is a founder-led, fast-growth global technology company on a mission to raise and protect potential. Our team has a singular vision and a passion for what we do design and engineer powerful but simple software that gives our clients complete confidence during their most important transactions.

    https://www.ansarada.com/

  • Lendi combines specialist advice with smart technology to help Australians compare, apply and secure their home loans - all online and in their own time.

    https://www.lendi.com.au

  • Canva is an online design and publishing tool which makes graphic design simple for everyone. Since launching in 2013, Canva has grown to over 10 million users across 190 countries, with more than 850 million designs created, at 20 designs per second. Today Canva is growing from strength the strength, with over 400 team members working together on a mission to empower everyone to create beautiful designs.

    https://www.canva.com

  • Domain is one of Australia's most recognisable brands, with a mission to ensure that whether you're buying or renting, selling or leasing, or even looking to venture into a new office or business that we're there every step of the way. And our expertise doesn't stop with real estate, Domain is bursting with incredible engineers, designers and product managers; we're as passionate about our craft as you are. We're looking forward to being your hosts!

    https://www.domain.com.au

  • Design and prototype in the browser, using your design system code components. Drag-and-drop React, Vue and Angular components into responsive prototypes and start user testing immediately.

    https://interplayapp.com/

  • InVision is the world's leading product design collaboration platform empowering teams of all sizes to design, prototype, review, iterate, manage and test digital products. Founded in 2011, with Sydney as the APAC regional hub, InVision helps millions of users at companies such as Atlassian, Netflix, Xero, Uber and Twitter unlock the power of design-driven product development.

    https://www.invisionapp.com/

  • Expert360 is APACs leading marketplace and freelance management platform powering the freelance economy. The platform enables top industry experts, consultants, contractors to easily connect with APACs largest businesses to perform high quality, project orientated work. Expert360s platform allows enterprise to respond quickly to the resource demands of the business while streamlining the source-to-pay freelance management lifecycle at scale.

    https://expert360.com/

  • Technical recruiters who are actually technical. We hire front end, Javascript and Ruby developers.

    https://www.lookahead.com.au/

  • We are technology design and development firm. Helping teams around the world develop platforms and ship products. Guided by our core values of transparency and community, we are a driving force behind major open source projects used by millions globally.

    https://www.thinkmill.com.au/

Charity

  • National Centre of Indigenous Excellence
  • Indigenous Digital Excellence

Code Heart Design supports the work of the National Centre of Indigenous Excellence (NCIE) a not-for-profit social enterprise where Aboriginal and Torres Strait Islander peoples can access opportunities to achieve excellence. NCIE recognises and celebrates the existing and emerging strengths and assets in Aboriginal and Torres Strait Islander communities.

Indigenous Digital Excellence (IDX) is an innovative digital skills development program at the NCIE that partners with Elders and children from Aboriginal and Torres Strait Islander communities across Australia. IDX covers a wide range of digital skills ranging from basic computer literacy through to advanced skills like piloting drones.

Make a voluntary donation now

Organisers

Code of Conduct

A primary goal of Code Heart Design is to be inclusive to the largest number of members, with the most varied and diverse backgrounds possible. As such, we are committed to providing a friendly, safe and welcoming environment for all, regardless of gender, sexual orientation, ability, ethnicity, socioeconomic status, and religion (or lack thereof).

Read the full code of conduct