Calley is available for hire
Hire CalleyCalley Nye
Verified Expert in Engineering
UX Design Developer
Los Angeles, CA, United States
Toptal member since May 13, 2017
Bio
Calley is a senior front-end engineer with 10+ years of experience building consumer products. She works across the stack's front end—Vue 3, TypeScript, and React—with a focus on design systems, accessibility, interfaces, and performance. Her hybrid background in UX and design means she translates intent into polished, pixel-perfect production code and thinks about how things feel, not just how they work. Calley is lauded for her speed, attention to detail, and thoughtfulness as an engineer.
Portfolio
Crush Collective
Automation, ChatGPT, Midjourney, Shopify, Shopify API, eCommerce, eCommerce UI...
Snapfit
Front-end, Shopify, HTML, JavaScript, CSS, User Experience (UX)...
McKinsey & Company
User Interface (UI), Front-end, Vue, Accessibility, JavaScript, TypeScript...
Experience
- Design Systems - 10 years
- UX Design - 10 years
- HTML5 - 10 years
- CSS3 - 10 years
- Responsive - 9 years
- Accessibility - 6 years
- eCommerce - 5 years
- Vue - 2 years
Work Experience
Founder
2023 - PRESENT
Crush Collective
- Created an automation process for Shopify product creation using ChatGPT to generate product descriptions, social content, SEO titles, and descriptions.
- Launched three clothing brands and created thousands of products using our automation system.
- Created a social media automation system for Shopify products.
Technologies: Automation, ChatGPT, Midjourney, Shopify, Shopify API, eCommerce, eCommerce UI, Agile, Agile Software Development, Shopify Customizations, Shopify Theme, Illustrator CC, Search Engine Optimization (SEO), Site Speed Optimization, SEO Tools, Design, UI Development, Web Content Accessibility Guidelines (WCAG), Headless Commerce, Radix UI, Websites, Web Accessibility, Web Development, Web, Gravity Forms, Elementor, eCommerce UX, Visual Design, Shopify Liquid, Klaviyo, Figma to Shopify, Figma, Liquid, Front-end, Claude, Responsive Design
Front-End Shopify Specialist
2026 - 2026
Snapfit
- Designed wireframes for a full courier shipping experience for store owners and users.
- Designed and implemented a product design process using Claude.
- Designed and implemented a new user flow for adding child profiles and a new size chart management system.
Technologies: Front-end, Shopify, HTML, JavaScript, CSS, User Experience (UX), Responsive Web Design (RWD), Accessibility, Liquid, Figma, Shopify API, Leadership, Node.js, Full-stack Development
Senior Software Engineer
2021 - 2023
McKinsey & Company
- Developed a component library in Vue for game components.
- Implemented a tracking plan and event-based analytics using Heap Analytics.
- Developed the UI for two different web-based games.
Technologies: User Interface (UI), Front-end, Vue, Accessibility, JavaScript, TypeScript, Node.js, Product Design, UI Components, CSS3, Heap, Analytics, UX Analysis, SEO Tools, Performance Engineering, Web Performance Optimization (WPO), Website Performance, CSS3 Animation, Web Design, User Experience (UX), Responsive UI, Web UX, Web UI, Sass, ZURB Foundation, Flexbox, Adobe Experience Design (XD), Design Systems, Vue CLI, Web Animation, Site Speed Optimization, Design, Canvas, HTML5 Animations, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), Tailwind CSS, Component Libraries, Headless Commerce, Remix, Radix UI, Websites, Web Accessibility, Web Development, Web, B2B, SaaS, Visual Design, Figma, Responsive Design
Expert Front-end Developer
2020 - 2021
Milliman US
- Helped to get an extensive responsive overhaul over the finish line.
- Designed and developed a new global navigation experience that spanned four disparate codebases and technologies.
- Designed and developed a new savings calculator with compounding interest calculations.
- Proposed several process improvements, including a new build process with a new watch, auto prefix, and transpile functionality, mobile device testing using emulators, and UI library.
- Redesigned, redeveloped, and modernized several critically important pages.
- Outlined a framework comprising minor to significant updates to address a dated design.
Technologies: HTML5, CSS3, SCSS, Windows, Azure, Teams, JavaScript, ASP.NET, ASP.NET MVC 4, ASP.NET Web Forms, Visual Studio, jQuery, UX Design, Responsive UI, UI Design, Web Design, User Interface (UI), User Experience (UX), Web UX, Web UI, Sass, Flexbox, Adobe Experience Design (XD), Site Speed Optimization, Mobile First, Design, HTML5 Animations, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), Tailwind CSS, Component Libraries, Headless Commerce, Websites, Web Accessibility, Web Development, Web, B2B, SaaS, Visual Design, Front-end, Responsive Design
UX Engineer
2019 - 2020
Lydion
- Designed the UX for some client flows and dashboard concepts and worked with a UI designer on public site experience.
- Conducted a PSD-to-HTML-to-Django template conversion on the whole public site.
- Worked with a fully distributed international team (India, Poland, Los Angeles) using Docker, Gulp, Slack, and Jira.
Technologies: Django, HTML5, UX Design, Web UX, SCSS, UX Architecture, Accessibility, Adobe Experience Design (XD), CSS3, JavaScript, Web Design, User Interface (UI), User Experience (UX), Responsive UI, Web UI, Sass, ZURB Foundation, Flexbox, React, Refactoring, Mobile First, Design, HTML5 Animations, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), Component Libraries, Websites, Web Accessibility, Web Development, Web, Visual Design, Front-end, Responsive Design
UI Developer
2019 - 2019
Swyft Interactive
- Developed a scroll-based video animation for a new electric car using GSAP.
- Created a scroll-based video animation for a concept future car using GSAP.
- Built the remaining pages of the website for an electric car company.
Technologies: HTML, CSS, JavaScript, Semantic UI, GSAP, GreenSock Animation Platform (GSAP), Web Animation, Site Speed Optimization, Design, HTML5 Animations, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), WordPress Plugins, Websites, Web Accessibility, Web Development, Web, Visual Design, Front-end, Responsive Design
UI Developer
2019 - 2019
The Mather Group
- Designed (in code) a financial dashboard for an investment group to show to their clients. Because of my hybrid skillset, I designed the dashboard as I developed it so we could try things out with real data and make changes efficiently.
- Developed several novel interactive data visualizations using d3.js.
- Maintained documentation and communicated progress at regular intervals with the rest of the team.
Technologies: HTML, CSS, JavaScript, Accessibility, Web UX, UX Design, UI Design, Node.js, MongoDB, User Interface (UI), User Experience (UX), Front-end Design, Front-end Development, Web Animation, Site Speed Optimization, Design, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), WordPress Plugins, Websites, Web Accessibility, Web Development, Web, B2B, SaaS, Visual Design, Front-end, Responsive Design
Web Developer | Product | UX
2016 - 2019
Popularium
- Built the entire front end from the ground up with Django, HTML, SCSS, JavaScript, and jQuery.
- Developed a set of standards and best practices for the front end.
- Came up with the analytics and UX testing strategy.
- Wireframed, brainstormed, and developed specifications for new UI features.
- Identified UX concerns, implemented tests, and evaluated the findings to optimize the UI/UX.
Technologies: Sass, Git, jQuery, ZURB Foundation, CSS3, HTML5, Django, JavaScript, Accessibility, Apple, Web Design, User Interface (UI), User Experience (UX), Responsive UI, Web UX, Web UI, Refactoring, Sumo, Writing & Editing, Web Animation, Site Speed Optimization, Mobile First, Design, HTML5 Animations, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), Bootstrap, Component Libraries, Websites, Web Accessibility, Web Development, Web, Visual Design, Front-end, Responsive Design
Front-end Developer
2016 - 2016
Gigmor
- Joined the team part-time, and got through a major backlog of bugs and product improvements.
- Audited the codebase, and noticed many major flaws. After years of using bad contract developers, they had a Frankenstein monster. I came up with a strategy for improving the site's code and design.
- Started by deleting unused views and methods and all coordinating stylesheets and scripts.
- Consolidated the JavaScript and SCSS files to be easier to slice and dice.
- Cleaned up the Blade files, reorganized the structure, and implemented a new, cleaner markup.
- Converted the entire site to Bootstrap with an even newer design.
- Reorganized and rewrote much of the JavaScript using Browserify.
Technologies: CSS, jQuery, Browserify, Git, Bootstrap, Sass, HTML, Blade, Laravel, PHP, JavaScript, Apple, Web Design, User Interface (UI), User Experience (UX), Responsive UI, Web UX, Web UI, ZURB Foundation, MySQL, Refactoring, Search Engine Optimization (SEO), Site Speed Optimization, Design, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), Websites, Web Development, Web, Visual Design, Front-end, Responsive Design
Front-end Developer
2013 - 2016
CrowdRise
- Came up with strategy for converting the old codebase to be responsive using Foundation.
- Implemented a solo large design refresh to start the responsive conversion process.
- Worked closely with design and product management to streamline UX flows.
- Strategized and developed a major new project for the company, that ended up becoming 40% of company revenue after 12 months.
- Developed the global style guide and the UI library.
Technologies: Sass, Git, CodeIgniter, PHP, CSS, HTML, JavaScript, Accessibility, Apple, Web Design, User Interface (UI), User Experience (UX), Responsive UI, Web UX, Web UI, ZURB Foundation, A/B Testing, Photoshop 7, Modernizr, Sublime Text, Search Engine Optimization (SEO), Sketch, Site Speed Optimization, Mobile First, SEO Tools, Design, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), Websites, Web Accessibility, Web Development, Web, B2B, Visual Design, Front-end, Responsive Design
Front-end Developer
2013 - 2014
Reconstrukt
- Developed several Facebook tab apps for a cruise line, hotel chain, and a candy company using pure HTML/CSS.
- Developed several major cosmetics company promotional sites using HTML/CSS and jQuery.
- Crafted several international email campaigns for major makeup companies.
- Built a responsive app for sporting events using HTML/CSS, Sass, jQuery, and JavaScript.
- Developed a series of promotional fashion sites with complex CSS and JavaScript animation for a major hotel chain.
- Created a series of HTML/CSS/jQuery prototypes for a major cybersecurity firm.
Technologies: CSS, Less, Sass, jQuery, JavaScript, HTML, Accessibility, Apple, User Interface (UI), User Experience (UX), Responsive UI, Web UX, Web UI, ScrollMagic, Modernizr, Sublime Text, HTML4, HTML5, PSD to HTML, Front-end, Front-end Development, Pixel Perfect, Web Animation, Site Speed Optimization, SEO Tools, Design, HTML5 Animations, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), WordPress Plugins, Websites, Web Development, Web, Visual Design, Responsive Design
Web Developer | Designer
2013 - 2013
Case Partners
- Redesigned and developed a company website using Mapbox and Bootstrap.
- Went to client meetings to ascertain the design needs of the project.
- Designed, wrote the HTML/CSS templates, and implemented the WordPress back-end for a law firm's website.
- Designed, wrote HTML/CSS templates, and implemented the WordPress back-end for a cruise line's website.
- Designed a web video portal for a local event series.
Technologies: CSS, Subversion (SVN), Sass, HTML, Adobe Photoshop, WordPress, JavaScript, Accessibility, Apple, User Interface (UI), User Experience (UX), Responsive UI, Web UX, Web UI, Mapbox, Responsive, Responsive Layout, Responsive Coding, Photoshop CC, Bootstrap, PSD Design, Search Engine Optimization (SEO), Web Animation, Drupal, Site Speed Optimization, SEO Tools, Design, HTML5 Animations, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), WordPress Plugins, Websites, Web Accessibility, Web Development, Web, B2B, Gravity Forms, Elementor, Visual Design, Front-end, Responsive Design
Front-end Developer
2008 - 2013
BlueFace Media
- Worked on a site for a jewelry company using HTML/CSS with a PHP back-end.
- Worked on a site for a nonprofit using HTML/CSS and jQuery with a PHP back-end.
- Worked on a site for another agency using some cutting-edge HTML/CSS and JavaScript.
Technologies: CSS, Subversion (SVN), PHP, WordPress, jQuery, Sass, HTML, Apple, User Interface (UI), User Experience (UX), Responsive UI, Web UX, Web UI, MySQL, Scrum, Responsive, Responsive Layout, Responsive Coding, Photoshop CC, Bootstrap 3, Design, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), WordPress Plugins, Websites, Web Accessibility, Web Development, Web, Front-end, Responsive Design
Experience
CalleyNye.com
http://calleynye.comcalleynye.com is my portfolio and technical publication platform, which I designed, built, and deployed solo—every decision, from the design system to the infrastructure.
It's built on Next.js 15 (App Router) with TypeScript in strict mode and Tailwind CSS v4, deployed on Vercel, targeting Lighthouse 95+ and WCAG AA conformance, with accessibility verified through Playwright and axe-core testing. Beyond portfolio pages, the site hosts interactive technical writing: a performance deep dive on compressive images with live canvas-based demos, a microsite on models of disability, and an essay on how UI engineers are misfiled within engineering teams, featuring two interactive data visualizations. The design system—Source Serif 4 and Source Sans 3 typography, a warm neutral palette with violet accent—was built from scratch rather than from a template. The site is the working proof of my professional thesis: accessibility and performance aren't constraints on craft, they are the craft.
It's built on Next.js 15 (App Router) with TypeScript in strict mode and Tailwind CSS v4, deployed on Vercel, targeting Lighthouse 95+ and WCAG AA conformance, with accessibility verified through Playwright and axe-core testing. Beyond portfolio pages, the site hosts interactive technical writing: a performance deep dive on compressive images with live canvas-based demos, a microsite on models of disability, and an essay on how UI engineers are misfiled within engineering teams, featuring two interactive data visualizations. The design system—Source Serif 4 and Source Sans 3 typography, a warm neutral palette with violet accent—was built from scratch rather than from a template. The site is the working proof of my professional thesis: accessibility and performance aren't constraints on craft, they are the craft.
Popularium
https://stories.popularium.com/I work at Popularium as a front-end developer, UX designer, and acquisitions editor. I developed the site's front-end with Django, HTML/CSS, Sass, Foundation, Git, Vagrant, Gulp, jQuery, and JavaScript. I also created wireframes or designs for many UX flows and features.
Karma Automotive
I developed the homepage, Karma GT page, Revero GT page, and Vision Car page for Karma Automotive. I used Greensock (GSAP) and fullPage.js for the scrolling effect. The username for the link is "syrendemo", and the password is "welcome2syren".
Waldorf Astoria Unforgettable Stories
I developed this project for Waldorf Astoria/Hilton via Reconstrukt. It uses HTML/CSS, Skrollr, jQuery, and JavaScript.
CrowdRise
I worked here for three years—on most of the pages and features of the site, including setting up the front-end architecture which is depended on still by the website. It wasn't responsive when I got there, so that was my biggest priority. For this project, I used Foundation, Gulp, Sass, HTML/CSS, PHP, CodeIgniter, and Git/SVN.
Gigmor
I converted this company's old, bloated codebase into a leaner, meaner one. I made it responsive and more efficient using PHP, Laravel, Blade, Bootstrap, and HTML/CSS/jQuery/JavaScript.
Case Partners
I designed and implemented this site in WordPress, HTML/CSS, and jQuery.
Education
2009 - 2010
Bachelor's Degree in Web Design & Development
Full Sail University - Winter Park, FL, USA
Skills
Libraries/APIs
Flexbox, jQuery, Liquid, GSAP, Modernizr, React, Vue, Node.js, Shopify API, ScrollMagic
Tools
Adobe Photoshop, Photoshop CC, Sublime Text, ITerm, Zsh, GreenSock, Adobe Experience Design (XD), Illustrator CC, Photoshop 7, Vue CLI, Figma, Claude, Git, Browserify, Subversion (SVN), Adobe CC, Sketch, Jira, Visual Studio, ChatGPT, Canvas
Languages
SCSS, HTML4, CSS3, CSS, HTML, HTML5, Sass, JavaScript, Shopify Liquid, PHP, Less, TypeScript
Frameworks
Bootstrap, ZURB Foundation, CodeIgniter, Laravel, Bootstrap 3, Django, ASP.NET, ASP.NET MVC 4, ASP.NET Web Forms, Tailwind CSS, Remix
Paradigms
Responsive, Responsive Layout, Responsive Coding, UX Design, Visual Design, UI Design, Agile, Scrum, Refactoring, Agile Software Development, Search Engine Optimization (SEO), Web Performance Optimization (WPO), Automation, B2B, Responsive Web Design (RWD)
Platforms
Shopify, WordPress, MacOS, Apple, Visual Studio Code (VS Code), Web, Mapbox, Windows, Azure, GreenSock Animation Platform (GSAP), Drupal, Klaviyo
Industry Expertise
Web Design
Storage
MySQL, MongoDB
Other
Responsive UI, Pixel Perfect, Web UI, Web UX, User Experience (UX), User Interface (UI), PSD to HTML, CSS3 Animation, Accessibility, Front-end Development, Front-end, Design Systems, Site Speed Optimization, Design, UI Development, WCAG 2, Web Content Accessibility Guidelines (WCAG), Component Libraries, Websites, Web Accessibility, Web Development, Responsive Design, PSD Design, Shopify Customizations, Sumo, A/B Testing, Writing & Editing, eCommerce, eCommerce UI, SEO Tools, Web Animation, Mobile First, HTML5 Animations, WordPress Plugins, Gravity Forms, Elementor, eCommerce UX, Figma to Shopify, Blade, UX Architecture, Teams, Product Design, UI Components, Heap, Analytics, UX Analysis, UI Animation, Scroll Animations, Performance Engineering, Website Performance, Midjourney, Shopify Theme, Front-end Design, Semantic UI, Headless Commerce, Radix UI, SaaS, Leadership, Full-stack Development
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