Phil is currently unavailable
Phil Schanely
Verified Expert in Engineering
Ui Developer
Mount Pleasant, SC, United States
Toptal member since September 15, 2022
Bio
Phil is a front-end craftsman who builds interfaces that are both functional and a delight to the user. He thrives on working with designers and engineers to build application features and UI systems. Phils has experience developing websites and web applications, as well as managing complex projects on a cross-functional team of creative professors. Most recently, he has been working on design systems at Kajabi and as a side hustle freelancer.
Portfolio
Verfico/Odin
React, TypeScript, Tailwind CSS, Headless UI, Design, React Native, NativeWind...
connectRN
TypeScript, React, React Native, Styled-components, Turborepo, Expo, HTML, CSS...
Kajabi
HTML, CSS, Stylelint, JavaScript, ESLint, React, TypeScript...
Experience
- CSS - 15 years
- HTML - 15 years
- Accessibility - 10 years
- JavaScript - 10 years
- User Experience (UX) - 10 years
- React - 8 years
- Design Systems - 5 years
- Figma - 3 years
Preferred Environment
MacOS, GitHub, React, Sass, HTML, CSS, Figma, TypeScript
The most amazing...
...project I've worked on is a freelance project for a tech startup, in which I created screen mockups, built a design system, and developed application features.
Work Experience
Principal Design Technologist
2024 - 2025
Verfico/Odin
- Built a new cross-platform design system, including a component library, using a core style library based on Tailwind.
- Created user-centered product feature mockups using Figma; presented them to stakeholders and revised them based on feedback; prepared developer documentation.
- Worked with product teams to implement UI prototypes.
Technologies: React, TypeScript, Tailwind CSS, Headless UI, Design, React Native, NativeWind, Figma, Accessibility, HTML, CSS, Next.js, React Query, Typography, Design Management, Interactive UX, User Experience (UX), Rapid Interactive Prototyping, Contextual Inquiry, JavaScript, Stylelint, GitHub, Azure DevOps, Node.js, React Hooks, React Router, Front-end, Component Libraries, Styled-components, Turborepo, Expo, React Navigation
Senior Software Engineer, Design System
2022 - 2024
connectRN
- Built a multi-platform design system from scratch.
- Worked with product teams to implement the design system and UI prototypes.
- Collaborated with design and engineering leaders to develop a design vision and strategy.
Technologies: TypeScript, React, React Native, Styled-components, Turborepo, Expo, HTML, CSS, React Navigation, React Native Reanimated, Figma, Design, Jest, React Query, React Testing Library, React Native Testing Library, Typography, Design Management, Interactive UX, User Experience (UX), Rapid Interactive Prototyping, UX Research, JavaScript, Stylelint, GitHub, React Hooks, React Router, Front-end, Component Libraries, Headless UI
Senior User Experience Developer
2020 - 2022
Kajabi
- Assisted cross-functional teams with implementing a system-wide visual redesign.
- Partnered with product designers and product managers to assess needs and plan development for new aspects of the design system.
- Worked with a team to develop a design system of Rails and React components from the ground up.
Technologies: HTML, CSS, Stylelint, JavaScript, ESLint, React, TypeScript, Ruby on Rails (RoR), Web Components, Design Systems, Product Design, User Experience (UX), Accessibility, Figma, Enzyme, RSpec, GitHub, Jira, Notion, Sass, SassDoc, Storybook, jQuery, Component Libraries, Typography, Interactive UX, Web UX Design, Web Development, Rapid Interactive Prototyping, UX Research, React Router, Front-end, Styled-components, Headless UI
User Experience Developer
2018 - 2020
DockYard
- Worked with designers and product managers to develop a redesigned company website and user experience.
- Focused on a staff augmentation team for a large technology company to refactor and improve a legacy application.
- Participated in formational team discussions that honed our best practices, processes, and culture.
Technologies: Ember.js, Phoenix, Handlebars, JavaScript, HTML, CSS5, Sass, Stylelint, PostCSS, Accessibility, Figma, Sketch, GitHub, Jira, React, Component Libraries, Typography, Interactive UX, Web UX Design, Web Development, User Experience (UX), Rapid Interactive Prototyping, CSS, Front-end
Software Engineer
2018 - 2018
Applied Information Sciences
- Worked on a US Army Corps of Engineers consulting team to build a recruiting web application.
- Performed as a contractor for the US Department of Defense.
- Mentored junior developers in UI development processes and techniques.
Technologies: Angular, React, Sketch, Photoshop CC, InVision, GitHub, jQuery, Component Libraries, Interactive UX, Web UX Design, Web Development, User Experience (UX), Rapid Interactive Prototyping, UX Research, Contextual Inquiry, CSS, JavaScript, Azure DevOps, Front-end
Web Designer and Developer
2017 - 2018
Mile Two
- Designed and built a new website for the company, including incorporating custom illustrations from a contracted illustrator.
- Created a custom brand for the company, including choosing brand colors, creating a logo and wordmark, and creating branded stationery.
- Worked on a social media startup platform using rapid prototyping and development techniques to create a minimum viable demonstration of the product the client used to pitch to angel investors.
Technologies: Angular, React, HTML, CSS, Sketch, Node.js, GitLab, Trello, Typography, Design Production, Interactive UX, Web UX Design, Web Development, User Experience (UX), InVision, Rapid Interactive Prototyping, UX Research, Contextual Inquiry, JavaScript, Front-end, Component Libraries
Assistant Professor of Interactive Design
2014 - 2017
Cedarville University
- Taught undergraduate graphic design students about web design, user experience, and technical skills with HTML, CSS, and JavaScript.
- Created a new specialization and concentration within the design department for a bachelor's degree in interactive design.
- Built the LearnUXD website to house my curriculum, exercises, and resources as a part of my flipped classroom approach to teaching and learning.
Technologies: University Teaching, Graphic Design, Photoshop CC, HTML, CSS, JavaScript, jQuery, Typography, Design Production, Design Management, Interactive UX, Web UX Design, Web Development, User Experience (UX), InVision, Rapid Interactive Prototyping, UX Research, Contextual Inquiry, Front-end, Component Libraries
Manager | Center for Teaching and Learning
2010 - 2014
Cedarville University
- Managed a small department of creative professionals who helped professors improve instructional methods and materials, including building multimedia and e-learning solutions.
- Contributed to the strategic development of university online learning programs, including master of education, master of business administration, and master of nursing degree programs.
- Built internal web applications to help university professors and my department team members to manage their course content.
Technologies: HTML, CSS, Less, PHP, CodeIgniter, MySQL, Adobe CC, Fireworks, jQuery, Design Production, Design Management, Interactive UX, Web UX Design, Web Development, User Experience (UX), Rapid Interactive Prototyping, UX Research, Contextual Inquiry, Front-end
Instructional Design Technologist
2007 - 2010
Cedarville University
- Built over 200 microsites using HTML, CSS, PHP, and MySQL in partnership with a graphic design team for university course websites and other instructional resources.
- Consulted with professors to devise effective ways to use technology in support of student-centered learning approaches.
- Completed training in instruction design technology, including learning theories, teaching methods, curriculum design, and evaluation and assessment.
Technologies: HTML, CSS, Photoshop CC, Less, PHP, MySQL, ActionScript 3, XML, Fireworks, Adobe Dreamweaver, Typography, Design Production, Interactive UX, Web UX Design, Web Development, User Experience (UX), Front-end
Experience
Sage Design System
https://sage.kajabi.com/pages/indexThe Sage Design system provides a UI toolkit for software engineers at Kajabi to build consistent user experiences in React and Rails. I worked on a team of UX developers to build this system from the ground up.
Learn UXD
https://learnuxd.com/LearnUXD is a hub for a collection of microsites I built to house the curriculum I used when teaching web design and UX at the university. This website is built using Gatsby and includes a small collection of shared components.
FreshBatch
https://www.philschanely.com/works/fresh-batch/FreshBatch, a healthtech startup, hired me to help build the UI for their system. I designed mocks in Figma, created a design system, and built front-end application features with Next.js. While the startup has closed its doors, users can view a showcase of the work on my website.
Dockyard.com
https://dockyard.com/While working at Dockyard, I took part in development efforts for a redesign of their public website. The project involved collaborating with designers, product managers, and company leadership in planning and building new pages and strategically phasing out the initial designs and content.
Education
2013 - 2017
Master's Degree in Interactive Design
Savannah College of Art and Design (SCAD) - Savannah, Georgia, USA
2003 - 2006
Bachelor's Degree in Graphic Design
Cedarville University - Cedarville, Ohio, USA
Skills
Libraries/APIs
React, jQuery, Handlebars, React Navigation, NativeWind, Node.js, React Router, React Query, React Testing Library, React Native Testing Library
Tools
GitHub, Figma, Photoshop CC, Illustrator CC, InDesign CC, Sketch, Stylelint, PostCSS, Jira, Flash, InVision, RSpec, Notion, SassDoc, GitLab, Trello, Adobe CC, Fireworks, Adobe Dreamweaver, Expo
Languages
CSS, HTML, JavaScript, TypeScript, Sass, Less, PHP, ActionScript 3, XML
Paradigms
Web UX Design, Rapid Interactive Prototyping, Azure DevOps
Frameworks
Next.js, React Native, Tailwind CSS, Ruby on Rails (RoR), Ember.js, Phoenix, Angular, CodeIgniter, Jest
Platforms
MacOS, Netlify
Storage
MySQL
Other
Interactive UX, Web Development, User Experience (UX), CSS5, Front-end, Component Libraries, Styled-components, Design, Typography, Design Management, Contextual Inquiry, Design Systems, Accessibility, Storybook, Headless UI, Print Ads, Design Production, UX Research, ESLint, Web Components, Product Design, Enzyme, Gatsby, Visual Studio Team Services (VSTS), Content Management Systems (CMS), University Teaching, Graphic Design, React Hooks, Turborepo, React Native Reanimated
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