Small Nav-Skinned Copy@1x.png

IoT Management Platform

Lead the development of a whitelabel IoT platform for beacon management and tracking.

This project was to be the major point of interaction with varied use cases, ranging from retail marketing platforms, warehouse inventory management, as well as large scale manufacturing and geo-mesh systems. The platform had two components, the back end management platform and a front end interface that our customers could connect mobile devices to using a related mobile app.

Research

Research

The research and discovery phase showed the project's user profiles were extremely varied as far as scale, purpose, and directions.

Retail marketing via mobile app notifications.
Room / Building access, mapping, control, and monitoring.
Multi site inventory tracking, mapping, and analytics.

Planning

Planning

Using the "atomic design" methodology, we set up definitions of what functions were needed as far as interactions, data components or structures, and informational text.

The key was to figure out what components were universal across the user profiles.

Wireframing

Wireframing

Using my atomic structures, I sketched out rough wireframes to begin designing an architecture and visual interface foundation.

This rapid prototyping is good to help establish user flows, and determine where any faults or anomalies might arise.

I recomended that this project have a unified structural foundation that would then have varied components or widgets for relevant user profiles.

DSCF1001.jpg
Interactive Prototyping and Final Production

Interactive Prototyping and Final Production

Once the system functionality was established, I created digital wireframes to build interactive prototypes using InVision. These were then sent to users for testing. This gave us the metrics needed to see if our research and execution was on track. Then we moved on to final design comps, working with graphic designers to build a final visual interface.

* Due to NDA requirements I can not show more than these screens.

iPad-Campaign-1.0@3x.png
Small Nav-Skinned Copy@1x.png