This "Real Time Design" (RTD) digital product / tool was developed to help customers know what parts to order to design their power systems. To design the tool, I built prototypes in Figma to expedite the project for our development team to create the tool. After the tool was launched, I created brief promo videos (shown below) to promote the product to our customers.
Figma Prototype
A wireframe was designed and later converted into a more high fidelity Figma prototype, as shown below (just a sample of a few of the screens), to develop the mobile product. (Please note, prices and detailed info was inserted for placeholder copy only.)
The prototype can be accessed directly through this link: https://www.figma.com/proto/
Promotional Videos
The following videos were created to promote MacLean Power System's "Real Time Design Tool. The concept for the videos were to demonstrate how a product can be produced from concept to completion to meet customers' needs.
The following landing page was created to share details on the Real Time Design tool and provide direct links to users: https://www.macleanpower.com/real-time-design-tool
The landing page was designed with a row of "flip cards" to allow the various tools to be shared in a limited space with details observable upon mouse hover.
Software Used:
- Adobe Illustrator to create product illustrations
- Adobe Photoshop to edit images
- Figma to create the prototypes
- HTML/CSS to edit the prototypes and edit web pages
- Adobe After Effects to create the video and export animated GIFs
- YouTube was used to share the video
