Project Summary

Launching a new SaaS product for maritime: I had full freedom to design the style (bento) of this interface. I did all of these mockups for a freelancer client. I was only given a text outline of features. I prepared a wireframe set of the features then delivered this set of mockups. This client wanted a promotion website for a SaaS application. I included the actual application features in the promotional site.

Problem

Client needed to promote a SaaS product that was not fully cooked and needed a cool interface design to get people excited and signed up for the release – starting with a community module.

Solution

Each panel below represents a small animated module/component similar to the actual app. Featuring interactive examples of the actual program is a much more effective way to demo the features instead of static image in a component with some ad copy and a button to “read more”. This drives conversion from users to customers. These accompany al SaaS products and are as important to MVP and launch. We can demo feature snot yet ready for MVP. The UI styling of the app is not rocket science and can be done for MVP. Problems with taking styling and usability out of your introduction to the world can cost much more than the time to build in a continuous flow of value and fake it a little with some fantastic UI design out of the gate. Feature it in the promo site to to build trust and desire for the product – and be sure it’s usable too. We want users/customers to experience the features for real, things like easing, animations, button size, layout of the UI styling – a real sample of the SaaS product.