dailyUI #002: credit card form

for today’s daily ui, i designed a simple, secure credit card checkout form. i wanted the flow to feel clean, fast, and trustworthy — no distractions, just what you need to pay and move on with your life.

#dailyUI #002 -- credit card form

i started by sketching out the essentials: cardholder name, card number, expiration date, cvc, and a big secure checkout button. i kept reminding myself that a checkout form isn’t a place for bells and whistles. it needs to feel effortless. every extra second someone spends here increases the odds they’ll just bounce. people don’t want to wrestle with confusing fields or extra steps when they’re ready to complete a purchase. they just want smooth, instant, done.

visually, i decided to build trust right away. i added a visual of a credit card (because people like seeing something familiar) and placed a security emphasis directly into the button: “process secure checkout.” i also dropped in a simple brand icon to add a little personality without overpowering the experience. a touch of character, but the real star is the simplicity of the form itself.

for the layout, i kept it light and spaced out. i used strong contrast for the input fields, made sure the padding felt generous, and kept the fields arranged in the natural order people expect. the card number, expiration, and cvc are grouped together horizontally, because that’s how people naturally move through them when filling things out.

i avoided overloading the screen with logos, fine print, or unnecessary clutter. clean lines, clear text, and a confident button — that’s it.

this design isn’t flashy, and it’s not supposed to be. it’s meant to disappear behind the action — fast, intuitive, and solid.

onto #dailyUI #003 tomorrow.

dailyUI #001: sign-up form

daily ui 001 — join the wave 🌊

#dailyUI #001: sign-up form

for our first entry in the daily ui challenge, we created a mobile sign-up screen

designed specifically for iphone 14. the prompt was simple — “sign up” — but we wanted to explore how thoughtful design can transform a basic form into a welcoming, branded experience.

we began with a purpose: a volunteer sign-up for a beach cleanup. from there, the visual language followed naturally. smooth waveforms in layered blues flow across the top of the screen, creating a calm and inviting entry point. a rising sun adds warmth and optimism.

the form itself is clean and minimal: name, email, location, availability. everything is placed within a vertically stacked auto layout to ensure consistent spacing and padding. fields are easy to tap, with generous margins and subtle drop shadows for depth.

the call-to-action button — “sign me up!!!” — is friendly and approachable, styled in a rounded purple shape that stands out without overpowering. and tucked in the bottom corner, a simple hand-drawn crab adds personality and charm, reminding users that signing up to help can also be lighthearted.

we designed this for iphone 14 resolution, keeping usability and visual harmony at the forefront. every element is responsive, readable, and purposeful — balancing form and function.

this piece was built entirely in figma using native tools, custom svg work, and a careful eye for layout detail. it’s a great example of how even a small screen can tell a big story.

at medios brillantes, we believe in crafting digital experiences that are both human and helpful. this project reflects our approach: design with intention, and always leave room for a smile.

—

ready to bring your next idea to life? let’s build it together — with clarity, care, and creativity every step of the way.

#dailyUI