Iterating a Lovable Challenge Entry from Figma to DemoIterating a Lovable Challenge Entry from Figma to Demo
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
A design keeps changing after its first version. These are three parts of my Lovable Challenge entry that I redesigned along the way.
The demo controls: VIEW AS EMIL sat in the chat header and START OVER next to the learner's answers, as if they were part of the service. They now sit in a DEMO bar of their own.
The plan cards: two plans stacked on top of each other became one card at a time with a pager, and the Confirm button names the price of the plan in view.
The booked screen: it started as a green confirmation card, became a check with a title, and ended as a receipt with the DU ÄR BOKAD stamp.
Every change starts in Figma, in the same design system, and then goes to Lovable.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started