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
Back to feedPost
How do you handle your component architecture?
Here was my approach on a five-step insurance purchase form.
The form has two paths through it. A person fills in different things than a company does. Someone already logged in skips a step. One path gets a document upload that the other never sees.
The easy version is to build the fields for each step as you get to them. I have done that before. By the second change request you have five sets of nearly identical fields and no way to change one without checking the other four.
So I wrote one input instead. You tell it what kind of thing it is and it does the rest. Three kinds covered the whole form: a fixed list of options, a list that comes from the backend like car makes, and pairs of a value and a label.
Every step is then just a list of which fields it needs. And the decision about who sees what does not sit in the inputs at all. It sits above them, in one place. An input never knows which path the user is on.
The part that told me it was right: the whole thing can be lifted into the insurance back office later without rewriting it, because nothing inside it knows what site it is on.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Users starting compliance onboarding had no idea what documents they'd need until they hit upload screens and got stuck.
This created drop-off before users even started the actual onboarding process.
We designed welcome screens that set clear expectations upfront about what documents users will need before they begin. The screens show a complete list of required documents with brief explanations of what each one is, giving users time to gather everything before starting.
The design challenge was presenting this information without overwhelming users or making the onboarding feel complicated before they even begin. We used progressive disclosure and visual hierarchy to make the list feel manageable.
Tags: ui, ux, ui design, ux design, ui ux design, interface, interface design, product design, design inspiration, modern ui, web app design, saas design, dashboard ui, app design, startup design, fintech, finance, onboarding, interaction design, minimal ui
I'm designing a new design style and system for our proposals and showreel decks and presentations which has been a lot of fun.
Developing business assets used to feel like a chore, but recently I've been enjoying updating everything. Here's some key slides and visual direction.
beautiful!
I've built decks across seven categories that don't actually share a template, even though most of the industry treats them like they do.
You still need to get creative for each one. Luckily, that's still a thing.
Investor pitches from seed to Series A, M&A and deal presentations, B2B sales decks, webinar and training decks, real estate project decks, product showcase decks, and marketing and branding presentations.
An M&A deal presentation and a seed pitch deck are different documents that happen to share a 16:9 page size.
Unless you are still into the 4:3 layout.
Hey! Traditions are like that. No judgement whatsoever.
A seed pitch deck is a presentation that tries to get someone excited about a future that doesn't exist yet. An M&A CIM is a comprehensive document, trying to get someone comfortable enough with a real, current business to sign something binding.
There is no one size fits all here. Use the same slide structure for both and you end up with a due diligence deck that still has a vision slide with a rocket on it.
I've designed for several companies. Big ones like HubSpot and eSmartSystems, and much smaller ones still finding their footing.
Across markets that have nothing in common with each other, except that someone on the other end had about 90 seconds to decide if the deck was worth a second look.
Range isn't a nice-to-have in this work.
What I actually offer, and I'm sure you do as well with your own projects, is seven different jobs that happen to use the same software. That's about it.
How are you using all the available tools we have at our disposal to add more value to your customers? How are you moving away from templates into more tailored solutions? And most importantly, have you found any real difference when creating something from scratch for each specific project?
