Jon Long

Co-created a company-wide design system used as a baseline for nearly all the company’s greenfield projects since 2020. Enabled teams to ship high-quality interfaces in a matter of weeks instead of months, without dedicated UI resources.

Created a front-end Working Group that generated company-wide project guidelines and strategies for UI development. Directly empowered an engineering team largely specializing in backend development to ship fast, consistent, high-quality UI work, and complete end-to-end features without intervention.

Shipped UI for projects using React, React Native, Vue, Angular, and Jinja component systems, established client-side testing strategies, and generated QA plans for complex integration testing.

Used a design systems approach to successfully redesign an 8000+ page content site without a budget for dedicated design resources.

Acted as Tech Lead on projects ranging from content sites to A/B testing a mobile delivery app with millions of users. Regularly led client meetings, presentations, and demos. Modeled a positive and inclusive approach to collaboration through working agreements, 1-on-1 retros with teammates, pairing with junior and senior colleagues, and delivering thoughtful feedback in code reviews.

Worked on a contract basis independently and embedded with teams as a full-stack engineer, UI developer, and tech lead. Project highlights included:

• The Criterion Collection: rescue operation to launch to the first redesign of criterion.com in a decade. Planned and configured the CI/CD pipeline, led legacy database and URL migrations. Features shipped include homepage CMS integration, high-traffic Flash Sale pages, order editing and cancellation, CSV reporting, and many bug fixes and UI enhancements.
• Design Systems: living component libraries built with JavaScript ES6, Sass, and Nunjucks (portfolio.linesandwaves.com/work/component-libraries).
• The Green Program: full-stack development of thegreenprogram.com using Nunjucks, BEM CSS, and a Node.js CMS. Acted as technical project manager and provided onsite technical training.
• Service Year Alliance: developed HTML, BEM CSS, and vanilla JS components for account management and registration portals on serviceyear.org
• Sinq: MVP development of a React and React Native-based platform for home care providers.

Founding member responsible for creating Remedy Plan’s branding, design assets, website, and digital presence.

Led discovery exercises to find a name, build a narrative, develop pitches to public and private investors, and brand Remedy Plan as a significant professional operation with world-changing potential.

Produced a successful crowdfunding campaign that raised over $100k in seed funding.

Designed and developed remedyplan.com, redesigning again in 2018 following interest from institutional investors.

Remedy Plan has since raised $10.1M in Series A funding, is currently pursuing a Series B, and is nearing clinical trials with a promising lead drug candidate.

Led the agency’s first R&D team dedicated to the development of internal products.

Focused on tools to take the pain out of daily reporting and balance workloads across teams. Resulting data provided managers with actionable insights and heads-up notifications to uncover workflow trends and enable proactive decision-making.

Used Lean Startup methodology to identify success factors, and extensive prototyping and research sessions to validate ideas through build-measure-learn feedback loops.

Facilitated discovery workshops across each division of the company, cross-collaborative design sessions, product feedback interviews, and pitches to both internal management and external agency owners.

Constructed low-fidelity paper and Sketch-based prototypes, interactive mockups with Keynote, and After Effects, and a web-based MVP application with Meteor and Sails real-time frameworks (Node.js, MongoDB, Socket.io).

Led a team of software engineers to produce internal projects and client campaigns for some of the world’s largest brands.

Responsible for team management, full-stack development, company-wide technical direction, staffing, and technical project management.

Project highlights include:

• Redd’s Apple Launcher: An experiential campaign for MillerCoors in which participants used their web browsers to fire an internet-connected apple launcher onsite at a bar built on a Washington, DC soundstage. When physical targets were hit on set, the application would automatically assign, fulfill, and distribute real-world prizes to the participant. The experience featured an in-browser FPS-style game built with Angular and Socket.io, Facebook Connect, a third-party prize API, and Grandstand hardware integration.
• Deloitte University Press: A publishing platform built for Deloitte to house original thought leadership, periodicals, and reports on a variety of topics in the public and private sectors. Featured a custom publishing workflow in WordPress, a responsive front end, and a custom plugin designed to generate articles from InDesign files.
• SimplyGifted (Gannett): A gift card platform designed for local businesses, powered by Gannett’s third-party deals API. Included integration with an in-progress internal API, client-side site development, a Yii-based backend, and the development of an embeddable JavaScript widget that vendors could use to sell gift cards on their own sites with a single line of code.
• Yappem: A mobile application with the goal of incentivizing brand and product feedback. I led the UX and IA for this project, delivering wireframes, workflow diagrams, interactive prototypes, and detailed spec sheets.

Led development efforts for websites, services, social campaigns, and on-site installations for brands including Pinkberry, Ford, Deloitte, Hilton, Honest Tea, Volkswagen, and GE.

Focus on front-end engineering with significant backend experience across Node.js, MongoDB, nginx and LAMP stacks.

Responsible for technical direction, application development, platform selection, project scoping, and elements of user interface design.

Conceived and developed ISL’s flagship product, Grandstand — a Node.js tool for building real-time applications using various social media actions as event triggers. Grandstand powered many of ISL’s web and physical campaigns, from social data visualization to IoT hardware installations, and was deployed for customers including Microsoft, Ford, Hess, Hilton, AT&T, and GE.

Led the front-end development of nationalgeographic.com’s 2010 redesign.

Developed UI components from flat designs using an OOCSS approach (an early predecessor of now-standard BEM and utility class CSS), jQuery, and Django templating.

Designed a page layout system within the Django CMS to enable content producers to build pages that aligned with the organization’s design standards.

Awarded 2010 Magazine Web Site of the Year by AdWeek.

Invited to Cupertino to prepare the site for demo during Steve Jobs’ 2010 iPad keynote.

Produced visual designs in Photoshop for exhibition, advertising, and franchise sites. Designed Flash games and modules, banner advertisements, maps, and charts.

Built HTML/CSS/JS pages, programmed Flash modules, and fixed front-end bugs sitewide.

Generated sitemaps, wireframes, mockups, detailed spec sheets, data models and technical annotations for projects across the Digital Media division.

Developed an automated application that handled color correction, wallpaper generation, organizational specifications, and art-direction for every image on nationalgeographic.com.