Calley Nye
Verified Expert in Engineering
Design Systems Developer
Los Angeles, CA, United States
Toptal member since May 13, 2017
Calley is an experienced UI engineer with over 10 years in the field. She blends her background in UX, design, social media, marketing, and growth to maximize product development for her clients. She has an eye for design and a passion for creating usable, pixel-perfect, responsive UIs and experiences. Calley is often lauded for her speed, attention to detail, and thoughtfulness as an engineer.
Portfolio
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
Availability
Preferred Environment
Adobe Photoshop, Adobe CC, Adobe Experience Design (XD), Visual Studio Code (VS Code), Zsh, ITerm, Git, MacOS, Figma, Vue
The most amazing...
...project I've worked on was when I single-handedly optimized the front end for a huge codebase to a responsive front end in three months.
Work Experience
Founder
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.
Senior Software Engineer
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.
Expert Front-end Developer
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.
UX Engineer
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.
UI Developer
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.
UI Developer
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.
Web Developer | Product | UX
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.
Front-end Developer
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.
Front-end Developer
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.
Front-end Developer
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.
Web Developer | Designer
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.
Front-end Developer
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.
Experience
Popularium
https://stories.popularium.com/Karma Automotive
Waldorf Astoria Unforgettable Stories
CrowdRise
Gigmor
Case Partners
Education
Bachelor's Degree in Web Design & Development
Full Sail University - Winter Park, FL, USA
Skills
Libraries/APIs
Flexbox, jQuery, 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, Git, Browserify, Subversion (SVN), Adobe CC, Sketch, Jira, Visual Studio, ChatGPT, Figma, Canvas
Languages
SCSS, HTML4, CSS3, CSS, HTML, HTML5, Sass, PHP, JavaScript, Less, TypeScript
Frameworks
ZURB Foundation, CodeIgniter, Laravel, Bootstrap 3, Bootstrap, Django, ASP.NET, ASP.NET MVC 4, ASP.NET Web Forms
Paradigms
Responsive, Responsive Layout, Responsive Coding, UX Design, UI Design, Agile, Scrum, Refactoring, Agile Software Development, Search Engine Optimization (SEO), Web Performance Optimization (WPO), Automation
Platforms
Shopify, WordPress, MacOS, Apple, Visual Studio Code (VS Code), Mapbox, Windows, Azure, GreenSock Animation Platform (GSAP), Drupal
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, Design Systems, Site Speed Optimization, Design, PSD Design, Shopify Customizations, Sumo, A/B Testing, Writing & Editing, eCommerce, eCommerce UI, SEO Tools, Web Animation, Mobile First, HTML5 Animations, Blade, UX Architecture, Teams, Front-end, Product Design, UI Components, Heap, Analytics, UX Analysis, UI Animation, Scroll Animations, Performance Engineering, Website Performance, Midjourney, Shopify Theme, Front-end Design, Semantic UI
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring