toptal.com
Contact us: +1.888.867.7001
Phil Schanely, Ui Developer in Mount Pleasant, SC, United States
Phil Schanely

Ui Developer in Mount Pleasant, SC, United States

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.
Phil is now available for hire
Hire Phil

Portfolio

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

Experience

Location

Mount Pleasant, SC, United States

Availability

Full-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.

Employment

  • 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

Experience

  • 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.

Skills

  • 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

Education

  • Master's Degree in Interactive Design
    2013 - 2017
    Savannah College of Art and Design (SCAD) - Savannah, Georgia, USA
  • Bachelor's Degree in Graphic Design
    2003 - 2006
    Cedarville University - Cedarville, Ohio, USA

To view more profiles

Join Toptal
Share it with others
Hire the top 3% of freelance developers TM