Phil Schanely, Developer in Mount Pleasant, SC, United States
Phil is available for hire
Hire Phil

Phil Schanely

Verified Expert  in Engineering

Ui Developer

Location
Mount Pleasant, SC, United States
Toptal Member Since
September 15, 2022

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

Kajabi
HTML, CSS, Stylelint, JavaScript, ESLint, React, TypeScript...
DockYard
Ember.js, Phoenix, Handlebars, JavaScript, HTML, CSS5, Sass, Stylelint, PostCSS...
Applied Information Sciences
Angular, React, Sketch, Photoshop CC, InVision, GitHub, jQuery

Experience

Availability

Part-time

Preferred Environment

MacOS, GitHub, React, Sass, HTML, CSS, Figma

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

Senior User Experience Developer

2020 - PRESENT
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

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

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

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

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

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

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

Sage Design System

https://sage.kajabi.com/pages/index
The 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.

Languages

CSS, HTML, JavaScript, Sass, TypeScript, Less, PHP, ActionScript 3, XML

Libraries/APIs

React, jQuery, Handlebars, Node.js, React Router

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

Paradigms

Web UX Design, Rapid Interactive Prototyping, Azure DevOps

Other

Interactive UX, Web Development, User Experience (UX), CSS5, Front-end, Typography, Design Management, Design Systems, Accessibility, Storybook, Print Ads, Design Production, UX Research, Contextual Inquiry, ESLint, Web Components, Product Design, Enzyme, Gatsby, Visual Studio Team Services (VSTS), Content Management Systems (CMS), University Teaching, Graphic Design, React Hooks

Frameworks

Ruby on Rails (RoR), Ember.js, Phoenix, Angular, Next.js, CodeIgniter

Platforms

MacOS, Netlify

Storage

MySQL

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

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