N

I am Neill Harmer, a senior front end developer with over 20 years experience, an Oklahoma based problem solver who likes to iterate, collaborate, and build.

Client Vehicle Report

The client facing report needed a facelift. After collaborating with the many internal and external users, I did rapid prototyping with Invision, iterated on the testing from there and made high fidelity designs, which we then went through some additional iterations. What came out is a much more functional and user friendly design.
Client Facing Report
UX. Wireframes. Invision. Design. Sketch. LESS. Print Styles. HTML. JS. AngularJS.

Template

LightCMS provided users with free templates to use for their website or their whitelabeled clients. They would apply designs and it would need to work out of the gate. This design was a push of the envelope with all the angles, it had to be coded to work with dynamic content.
LightCMS Template
Design. Photoshop. SCSS. HTML. JS. LightCMS.

LightCMS Media Manager

As a content management system, LightCMS gives users the ability to add images and documents to any text. This was redesigned from top to bottom to replace our outdated media manager. Started with talking with users, wireframes, iterate, high fidelity designs, coding, testing and more iterating. This media manager was well recieved when it went live.
LightCMS Image/Document Manager
UX. Wireframes. Design. Photoshop. SCSS. HTML. JS. ReactJS.

LightCMS Store Checkout

With a need to simplify the LightCMS checkout process to work with thousands of clients across the CMS, I took on the task of reordering and breaking the checkout process into steps. Eliminated and reorganized the page to be easier to read and scan the page to checkout quickly.
LightCMS Responsive Store Checkout
UX. Wireframes. Design. Photoshop. SCSS. HTML. JS. ReactJS. 508 Compliant. ADA.

LightCMS Source Editor

Utilizing the ACE Editor, I updated the look and feel of the LightCMS code editor so users could update their website template on the fly without a need for a stand alone editor or FTP. Works on any device.
LightCMS Source Editor
UX. Wireframes. Design. Photoshop. SCSS. HTML. JS. AceEditor. ReactJS.

LaGree Associates

LaGree wanted a new, bold, and colorful design. Based in Oklahoma City, they wanted to focus on what they did best, selling commercial properties.
LaGree Associates
Design. Photoshop. SCSS. HTML. JS. Wordpress.

LightCMS Partners Support Page

When you need a question answered, you don't want to spend too much time reading, you want to go right to where you need to be to get your problem taken care of. That was the driving force behind making this page simple and clean.
LightCMS Partners Support Page
UX. Wireframes. Design. Photoshop. SCSS. HTML. JS. ReactJS.

LightCMS Partners Account Dashboard

Showing lots of information at a glance, that was the goal of this dashboard. After much whiteboarding and a few iterations after user testing, I made and did the frontend coding for this design.
LightCMS Partners Account Dashboard
UX. Wireframes. Design. Photoshop. SCSS. HTML. JS. ReactJS.

LightCMS Element Functionality

LightCMS interface, this allows you to add any of the listed elements to any part of your website. I wanted this to show you right away in the modal what you can choose and click quickly to move forward with your editing.
LightCMS Element Functionality
UX. Wireframes. Design. Photoshop. SCSS. HTML. JS. ReactJS.

SuiteCommerce

NetSuite SuiteCommerce needed a new site that brought attention to their top venders and their solutions. This collaboration with Jordan Winn completely wowed NetSuite.
SuiteCommerce
Wireframes. Design. Photoshop. SCSS. HTML. JS. LightCMS.

LightCMS Template

LightCMS provided users with free templates to use for their website or their whitelabeled clients. They would apply designs and it would need to work out of the gate. This design was a push of the envelope with all the angles, it had to be coded to work with dynamic content.
LightCMS Template - Awake
UX. Design. Photoshop. SCSS. HTML. JS. LIGHTCMS.

Wake International

Wake's primary need with a new site is to get across what they did for women gloablly, and to get donations. With this in mind the site was designed to have the ladies they worked with really standout.
Wake International
UX. Wireframes. Design. Photoshop. SCSS. HTML. JS. LIGHTCMS.