Dion is available for hire
Hire DionDion Yang
Verified Expert in Engineering
Software Developer
Location
New York, NY, United States
Toptal Member Since
February 2, 2018
Dion is a seasoned professional with over ten years of experience delivering complex web-based applications. He excels in multiple development methodologies, adhering to design principles, creating development standards, and staying up-to-date on the latest web-based developments. Dion communicates complex solutions in a way that non-technical stakeholders can understand, making him a valuable asset to any team. His passion for staying current makes him an invaluable asset to any organization.
Portfolio
Toptal Clients
WordPress, Responsive Design, PHP, Angular, JavaScript, Sass, HTML...
Toptal
React, Next.js, Elasticsearch, PostgreSQL, TypeScript, Front-end...
Galavantier
Grunt, Drupal, JavaScript, Sass, Bootstrap, CSS3, HTML5, Axure, Sketch...
Experience
Availability
Part-time
Preferred Environment
Git, MacOS, React, Vue, Agile, IBM WebSphere, REST APIs, JavaScript 6, TypeScript, Node.js
The most amazing...
...web app I've delivered to a big client included leading a team, anticipating future needs, communicating effectively, and delivering on time and within budget.
Work Experience
UI Developer
2018 - PRESENT
Toptal Clients
- Worked on various web-facing projects with clients, including a major eCommerce retailer, JetPay Now, ContractPod Ai, and TripFez.
- Built and launched several successful UI products using modern front-end frameworks, increasing customer engagement and satisfaction.
- Worked closely with UX design teams to create intuitive UIs and impactful customer experiences.
- Integrated various APIs to improve user experience.
- Developed new UI features for multiple co-brands within a major eCommerce brand portfolio while working with team members to integrate them into their platform.
- Designed and developed web applications using React and Next.js.
- Built a reusable component system to serve as the foundational base for the entire site for TripFez Travel, demonstrating my ability to create efficient and scalable code.
Technologies: WordPress, Responsive Design, PHP, Angular, JavaScript, Sass, HTML, Responsive UI, Vue, TypeScript, Bootstrap, Node.js, React, Material UI, CSS, HTML5, Animation, Front-end Development, PSD to HTML, MacOS, HTML Templates, Front-end, UI Development, CSS3, Agile Software Development, JSON, Newsletters, Visual Studio Code (VS Code), Storybook, Webpack, REST APIs, jQuery, GraphQL, Next.js, Express.js, MongoDB, Atlas, AWS Lambda, API Gateways, Landing Pages, Websites, Wix, Full-stack Development, OpenAI
React Fellow
2022 - 2022
Toptal
- Developed an app that allows users to post, favorite, and comment on recipes and allows admins to create global notifications, display maps of submitted recipes around the world, and more.
- Tracked and fixed bugs using Jira as a reporting tool. Utilized GitHub to manage pull requests before merging features into the master branch.
- Collaborated with team members across three different time zones to take tasks from beginning to completion within deadlines. Utilized Zoom video sessions to brainstorm and perform code pairing exercises to enable knowledge transfers.
Technologies: React, Next.js, Elasticsearch, PostgreSQL, TypeScript, Front-end, UI Development, CSS, CSS3, Agile Software Development, Front-end Development, JSON, Visual Studio Code (VS Code), Storybook, REST APIs, Websites, Full-stack Development
Product and Front-end Developer
2017 - 2017
Galavantier
- Conducted user research to design product pages. Helped strengthen the brand and build customer trust.
- Created wireframes, mockups, and overall design assets. Built out production-ready responsive HTML and CSS pages.
- Utilized Adobe Photoshop, Adobe Illustrator, Sketch, Axure, and Sass. Developed with PHP, React, Node.js, JavaScript, Grunt, and Bootstrap.
Technologies: Grunt, Drupal, JavaScript, Sass, Bootstrap, CSS3, HTML5, Axure, Sketch, Adobe Illustrator, Responsive UI, PHP, CSS, MySQL, Front-end Development, PSD to HTML, Responsive Design, HTML, MacOS, HTML Templates, Front-end, UI Development, Agile Software Development, User Experience (UX), UX Design, Adobe Photoshop, JSON, Webpack, REST APIs, Landing Pages, Websites, Full-stack Development
Senior UI Developer
2015 - 2016
Healthline Networks
- Took part in an agile team that worked on the production-facing website. I played a key role in the entire site rebranding, collaborated with my team to build new mobile ad products, and worked heavily on responsive design components.
- Worked on components that heavily utilized responsive design. Rebuilt a pill identification app in React from scratch.
- Assisted in peer code reviews, knowledge transfers, developer testing, and research tasks for the site rebuild, positively impacting the team's success.
- Participated in agile development and ensured high-quality products.
Technologies: Less, AngularJS, JavaScript, CSS3, HTML5, Responsive UI, Bootstrap, Sass, Node.js, CSS, jQuery, Animation, Front-end Development, PSD to HTML, Responsive Design, HTML, MacOS, HTML Templates, Front-end, UI Development, Agile Software Development, JSON, Landing Pages, Websites
Front-end Developer III
2012 - 2015
eBay, Inc.
- Worked on prototyping various iterations of client side facing pages to use in user research testing labs.
- Included bringing live product API data into pages to make testing of the shopping experience dynamic.
- Collaborated on site rebranding as well as building new site features. Tested user trust, user conversions, and increased sales through A/B testing.
- Created an internal platform that allowed the ability to prototype new eBay pages rapidly. Included a repository of components, live data, and the ability to add custom UI interactions on the fly.
- Assisted in peer code reviews, knowledge transfers, website testing, and research tasks for the site.
- Utilized Sass and implemented client-side interfaces using React components.
- Used HTML5, CSS3, Sass, Grunt, Bower, Node.js, React, Object-oriented JavaScript (OOJS), PHP, and MySQL.
Technologies: MySQL, PHP, JavaScript, AngularJS, Node.js, Bower, Grunt, Sass, CSS3, HTML5, Responsive UI, Bootstrap, CSS, jQuery, Animation, Front-end Development, PSD to HTML, Responsive Design, HTML, MacOS, HTML Templates, Front-end, UI Development, Agile Software Development, Adobe Photoshop, JSON, REST APIs, Websites, Full-stack Development
Front-end Developer
2011 - 2012
Apple, Inc.
- Worked on the first mobile web version of the Apple.com website.
- Built mobile web pages with custom touch handlers and animations written in JavaScript. Tasked with developing implementation solutions to never-before-seen web interactions for the mobile website.
- Delivered implementation of new web interactions. Used a critical eye for detail honed from my design background. Utilized testing and debugging skills from working on cross-platform websites to meet Apple standards.
- Delegated tasks to junior developers and mentored them to get them up to speed on requirements.
Technologies: JavaScript, CSS3, Responsive UI, CSS, HTML5, Animation, Front-end Development, PSD to HTML, Responsive Design, HTML, MacOS, HTML Templates, Front-end, UI Development, Agile Software Development, Adobe Photoshop, JSON, REST APIs, Websites
Front-end Designer for eCommerce
2009 - 2010
Advance Auto Parts
- Maintained the production site through several production tasks, such as creating functional prototypes for user testing labs and creating landing pages and newsletters.
- Coordinated with the offshore development team to lead the integration of a new eCommerce store redesign with back-end templates.
- Built components and set the schedule for all eCommerce promotional materials in IBM WebSphere.
Technologies: IBM WebSphere, JavaScript, CSS, HTML, Responsive UI, Bootstrap, jQuery, Front-end Development, PSD to HTML, Responsive Design, HTML Email, MacOS, HTML Templates, Front-end, UI Development, CSS3, Adobe Photoshop, JSON, Newsletters, Landing Pages, Websites
HTML Marketing Technology Developer
2007 - 2008
FriendFinder, Inc.
- Created HTML/CSS marketing materials for the FriendFinder, Inc. network of sites.
- Sliced out images for landing pages, interactive banners, newsletters, and other production materials using Adobe Photoshop. Used Adobe ImageReady to create custom GIF animations for ad units.
- Developed JavaScript classes to handle the heavy interaction of the internal tools. Took in user input and generated custom output that users could copy into their sites for promotion.
- Devised marketing materials consisting of templating geo-targeted web banners, various landing pages, co-branding pages, fully featured co-branded sites, and multi-language support.
- Developed a monthly affiliate newsletter while ensuring a proper display across Hotmail, Yahoo, and Gmail email providers. Completed bug resolution through Bugzilla.
Technologies: Bugzilla, Adobe Photoshop, JavaScript, CSS, HTML, Responsive UI, Front-end Development, PSD to HTML, HTML Email, MacOS, HTML Templates, Front-end, UI Development, Newsletters, Websites
Experience
Toptal React Accelerator
The Toptal React Accelerator is an exclusive learning program that educates JavaScript developers in React, NextJS, Redux, and GraphQL. This is a 2-month program that consists of rigorous learning exercises and hands-on activities along with a stringent evaluation process, comprehensive learning assessments, and 30-40 hours of building an Invoice Management System. Within this invoicing application, users are able to track invoices, clients, and company information.
Galavantier Event Page
https://www.galavantier.com/las-vegas/nightclubs/xs-nightclubI conducted user research in order to redesign this event page. For this project, I was responsible for creating the wireframes, mockups, and overall design assets as well as building out the production-ready responsive HTML and CSS for this page.
TableParty
I conducted user research in order build and refine the flow of the pages on this website. For this project, I was also responsible for creating the wireframes, mockups, and overall design assets as well as building out production-ready responsive HTML and CSS for this site.
Skills
Languages
CSS, HTML, JavaScript 5, HTML5, CSS3, JavaScript, C#.NET, Sass, Less, PHP, TypeScript, GraphQL, JavaScript 6
Frameworks
Bootstrap 3, Angular, Bootstrap, AngularJS, Material UI, Svelte, Next.js, Express.js, ASP.NET, Laravel
Libraries/APIs
jQuery, Highcharts, Vue, React, Node.js, REST APIs, Liquid
Tools
Adobe Photoshop, Sketch, Google Web Designer, Axure RP Pro, Adobe Illustrator, Wix, Sublime Text, Git, Grunt, Bower, Bugzilla, Webpack, Figma
Paradigms
Agile Software Development, Responsive Web Design (RWD), UI Design, UX Design, Agile
Platforms
WordPress, Shopify, MacOS, Drupal, IBM WebSphere, Visual Studio Code (VS Code), AWS Lambda
Storage
JSON, MySQL, Elasticsearch, PostgreSQL, MongoDB
Other
Responsive Design, PSD to HTML, Freelancing, Responsive UI, Front-end Development, Front-end, UI Development, Banner Ads, Digital Communication, HTML Templates, Design, Landing Pages, Websites, Full-stack Development, User Experience (UX), User Interface (UI), Web App UX, HTML Email, Newsletters, Animation, Typefaces, OpenAI, Axure, PSD to Shopify, Storybook, Atlas, API Gateways
Education
2003 - 2005
Associate's Degree in Digital Media Communications
Katherine Gibbs School - Melville, NY, USA
Certifications
JULY 2022 - PRESENT
Toptal React Accelerator Graduate
Toptal, LLC
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring