Adion Software User Interface

Adion quote form in browser

Adion develops manufacturing management software. We consult on their website design and development. As the ProShop software quickly spread throughout their industry, they asked us to create a more visually appealing version of the plain Quotation form. After discussing their vision for improving the form and the requests of users, we sketched up ideas. From this concept, we created an Adobe XD prototype with visual improvements and feature suggestions. The software is web based, so upon concept approval we developed efficient HTML and CSS for integrating with the software. The final Quotation form allows the user to select colors for the form and easily view a visual hierarchy of the data they input. The user’s client is presented a professional form with visual flow.

Adion quote form original

Adion quote form in XD

Adion quote form sketch

Adion quote form HTML