Hello, I'm Dan and currently residing in Melbourne, Australia 🇦🇺. Today I'm a Senior Front-end Developer at Monash University.

👋 A bit about me

I am a front-end developer with a passion for building applications that work for the user. I have a background in graphic design, but am a developer by trade. It is my motto to remain relevant in my work, so you will always find me learning something new.

Photo of Daniel Ngo at Fukuoka, TeamLab Forests

I studied Computer Science and Visual Communication and quickly found myself specialising within the e-commerce industry as a front-end designer and developer.

I am a strong advocate for building accessibility into the core of the development process, and I am passionate about creating inclusive experiences for all users. More than just meeting the minimum requirements for not getting sued. I am stubbornly optimistic and believe that web technology can be a force for good and to encourage better processes from the ground up.

My curiosity in creating user-centered experiences mixed with a growing interest in modern web technology led me to We Make Websites, helping drive “one of the most successful e-commerce agencies on the planet”. I was once a tech lead at We Make Websites in London, and a regular coach at Codebar.io.

Since moving back to Melbourne during the pandemic in 2020, I have been working as a Senior front-end developer at Monash University in the eSolutions team helping drive the development of new design systems and custom applications for students and staff.

Professional development

Design Expertise

  • Design Systems: Creating design systems using Storybook.
  • Typography: Established fundamentals of typography design.
  • Publication Design: Experienced in designing for publications and print-based media.
  • Motion Design: Proficient in animation using Adobe After Effects.
  • Digital prototyping: Expertise in Figma, Sketch, and Invision.
  • Adobe Suite: Proficient in Adobe Photoshop, Illustrator, and InDesign.

Leadership Skills

  • Team Leadership: Experienced in leading both small and large development teams.
  • Technical Communication: Skilled in technical communication and documentation.
  • Risk Management: Managing and resolving high-priority (P1) client risks.
  • Performance Management: Conducted one-on-one meetings and performance reviews.
  • Mentorship: Offered mentorship and engaged in paired programming practices.

Technical Proficiency

  • Programming Languages: Skilled in Vanilla JS and TypeScript.
  • Frameworks: React, Next.js, Vue.js, Nuxt, Astro, and Lit.
  • Back-End Development: Experienced in Node.js.
  • Web Development: HTML, Liquid, CSS, SASS, and PostCSS.
  • Content Management Systems: Shopify, Contentful, Prismic, Sanity.io, and WordPress.
  • API Integration: GraphQL and REST APIs.
  • Testing Tools: Playwright, Vitest, Cypress, and Jest.

Experience

Monash University

Monash University / Senior Front-end Developer

2021 – Present

Overview

My role at Monash University is to help build and maintain the university’s public-facing website, monash.edu. I work closely with the web team to implement new features and improve the user experience of the site. More recently, I’ve been involved in the development of a new design system for the university.

Highlights

  • Developed a new design system for the university, which is used across all of Monash’s websites.
  • Built a new student-facing website for the university, enrich.monash.edu, which is used by over 100,000 students.
  • Implemented new components used by the university’s marketing team to build landing pages for marketing campaigns.
  • Worked with the web team to improve the accessibility of the website, which has resulted in a 20% increase in accessibility score.
  • Improve the page load time of the monash.edu by 30% by optimising images and reducing the number of requests.
We Make Websites

We Make Websites / Technical Lead

2016 – 2020

Overview

At the beginning of 2016, I worked alongside a small team of 11; 5 of which were designer/developer hybrids. By the end of 2019, I have helped grow and lead a diverse team of over 25 specialised developers across two offices, London and NYC.

During my tenure as a technical lead, one of many key results was modernising a legacy tech stack. This created a momentum of changes to our internal development practices and processes such as introducing coding guidelines, code reviews, CI/CD practices, and driving custom feature and app solutions.

My involvement in the sales to production pipeline also helped improve project scoping and the overall architecture of custom app solutions and integrations with third party systems.

As a technical lead and former-designer, I had also helped bridge the communication gap between design and development through modular web typography, component-based design methodology and theme style guides.

Highlights

  • Served as Tech lead in delivering over 50+ Shopify Plus websites.
  • Leading the growth of 25+ developers across London and NYC.
  • Hosted training workshops and mentoring a generation of lead developers.
  • Created the agency’s proprietary framework and leading headless development.
  • Standardised best practices and tooling to improve output efficiency and quality.
  • Overseeing recruitment, interviews and ongoing training programs.
  • Created an internal design system used as part of our theme design and development process.
  • Facilitated technical partnerships with SaaS platforms such as Contentful, Algolia and Netlify.
Codebar

Codebar / Coach

2015 – 2020

Overview

Ever since University, I had a growing interest in helping people through programming. The challenges were refreshing and seeing the results of tutoring fellow students reach that ‘a-ha’ moment was rewarding in many ways.

When I moved to London in 2016, I found out about Codebar.io through a friend who had found this initiative useful for her own career path. Codebar’s goal is to enable underrepresented people to learn programming in a safe and collaborative environment and expand their career opportunities.

Through Codebar.io - I was able to learn from and help a new wave of developers enter the tech industry. Every session introduces something new and challenging - whether it’s technical or communicating solutions in an approachable way.

“Be the person who you needed when you were learning programming.” is the ethos of why I volunteer at Codebar.

Highlights

  • Mentoring a new generation of unrepresented developers.
  • Problem solving using programming theory.
  • Simplifying the technical approach for first time coders.
Un.titled

Un.titled / Digital Designer

2015 – 2016

Overview

Un.titled was a small team of 10 employees specialising in Magento and Wordpress development. My responsibilities were varied which ranged from graphic and web design, wireframing, video editing, photography, and prototyping animations.

My time at Un.titled was short but also a turning point in my career. I was fortunate enough to work alongside a small team of talented developers who introduced me into front-end development. Using compilers, modules, build tools and coding standards that I would still echo out to this day.

Highlights

  • Designing a full suite of products from print to digital within a small team.
  • Learned best practices in front-end and back-end web development.
  • Learned about the importance of pattern libraries and component based development.
  • Learned best practices for developing on a custom Wordpress framework.
University of Melbourne

University of Melbourne / Communication Designer

2012 – 2015

Overview

My role at the University of Melbourne was to design and develop email templates to be used as part the Campaign for the University of Melbourne – a $500 million fundraising initiative for research and philanthrophy.

Highlights

  • Delivered and designed University-wide email communications.
  • Produced end of year infographics to summarise growth and initiatives in the department.
  • Worked with University brand guidelines and design systems.
  • Supported in designing internal publications and printed stationery.