InComm Incentives | UI/UX Design & Front End Development

InComm InCentives builds value into every interaction through innovative loyalty, rewards and recognition solutions. As it relates to B2B incentive clients: "For growing, customer-centric companies relying on human engagement, we are the creative, tech-enabled engine that energizes brand communities." Incentives is the CMS platform for incentive program sites for clients. It is client-branded, points based, and allows the client to configure their own programs and promotions to drive improved sales performance. Participants will be able to look up their program details, available points, and award redemption options.

Collaborating with IT, Marketing and Operations, I followed my Design Process of Understanding, Defining, Sketching, Designing. Using the sketches, user flows, and sitemap, I designed low-fidelity wireframes using Adobe XD. After many meetings with stakeholders and six iterations, the wireframes were finalized for the next step - designing the responsive HTML web pages with pixel-perfect precision.

In the Implementation and Evaluation phases of the Design Process, I designed the theme logos, and found and edited images and graphics for each theme. I designed and coded the responsive site using Bootstrap, HTML, CSS, jQuery, Illustrator and Photoshop. I created a core stylesheet with general styles to be used by all themes, and then created custom stylesheets for each theme. I worked closely with the backend developers to make sure all designs were correctly implemented from mobile to desktop.

The back-end developers converted my HTML prototypes into a Content Management System. The client will be able to configure the CMS for promotions or just a base program, select their layout choices and color theme, upload their logo, banner images, copy, and more.

SKILLS USED:
UI/UX Design, Prototyping in XD, Front End Development, Bootstrap, HTML, CSS, jQuery/Javascript, Logo & Graphic Design, Image Editing, Illustrator and Photoshop, Testing.
Incentives Wireframes
Various home page layouts for the two themes: Amber Vision and Sapphire Rental Cars
Incentives Home Pages
Login page and interior page layouts
Incentives Interior Pages
Mobile views, and custom-designed user dropdown menu, animated spinning loaders and modals.
Incentives Mobile and Other