Katie Poe Bayes

Project

Servers.LOL

Micro-site

Growth-HackingUXBrandingVisual DesignResponsive DesignFrontend

Technologies used

Post CSSNext.jsSketchInVision

This was a fun growth-hacking collaboration project to build a tool that would help to calculate whether a serverless architecture would have payoff for an application depending on user-inputted criteria. I collaborated with a backend engineer and our CEO to write and build this tool.

This tool largely uses a linear flow, leading the user through the steps and reaching an "end point" where you can share and save your results.

Servers.LOL Home
I created a simple, bold palette and pattern to make a micro-brand for this tool. It seemed like it would have been a missed opportunity not to use a fun CSS animation.
Servers.LOL which language are you using
We wanted to make sure to link users to relevant resources even if their current runtime was not supported.
Servers.LOL form
Users input as much data as they can to get an accurate picture of potential savings. They can add and remove multiple applications to build more comprehensive reports.
IOpipe features page
Users get a result and an explanation, but are also able to go back and update as needed.
IOpipe features page
Sharing can be done as a general url, or a direct url for the specific report.
Ontray Home Ontray Home
As usual, the site is fully responsive and the styling is written in a mobile-first setup.