Editor Interface

October 04, 2021

We've spent a lot of time polishing the UI of our website editor. Now it even looks great on the smallest screens.

Choose your plan

May 23, 2019

This is Landen's plan picker, featuring a monthly/annual payment toggle, a quick comparison of capabilities and a list of all features included on all paid plans. I wanted to keep the comparison list short, which is why grouped the feat...

Create your Account

May 21, 2019

A minimalist web-app sign up form. I like to keep things simple and only ask for the most important information. Users can add their name and team name when that information becomes important (when inviting other to their team). The "p...

Settings Dashboard

May 17, 2019

This is a section of the user settings UI in Landen. Mostly text-based it only has some light lines and subtle shadows. Attached is a screenshot of a different settings screen in the context of the entire dashboard.

Hero Visual

May 15, 2019

This is a small hero concept visual I made for Landen's own landing page. The idea is to show off multiple of the app features at the same time, without letting it get too busy with details. The illustration inside the mock-up page is n...

Icon Picker

December 12, 2018

This icon picker is such a small part of Landen's website editor and still was a great UI challenge. I wanted to keep it small but also had to pack in a lot of functionality: - switching between icons sets - viewing information about th...

SaaS Checkout

December 11, 2018

This is a screenshot of Landen's current checkout page. At this stage the user is already logged-in and has chosen the tier they would like to subscribe to. The form only asks only for the most important information to keep the workloa...

Navigation Guide

December 10, 2018

This is the only "tutorial" UI in the Landen website editor. It introduces the user to the toolbar icons so that we can rely less on tooltips. I did not want to add an entire walk-through and generally don't like any sort of UI that nee...