𝗛𝗼𝘄 𝗱𝗼 𝘆𝗼𝘂 𝗺𝗮𝗸𝗲 𝗮 𝗵𝗲𝗿𝗼 𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗳𝗲𝗲𝗹 “𝗰𝘂𝘀𝘁𝗼𝗺𝗶𝘇𝗮𝗯𝗹𝗲” 𝗯𝗲𝗳...

𝗛𝗼𝘄 𝗱𝗼 𝘆𝗼𝘂 𝗺𝗮𝗸𝗲 𝗮 𝗵𝗲𝗿𝗼 𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗳𝗲𝗲𝗹 “𝗰𝘂𝘀𝘁𝗼𝗺𝗶𝘇𝗮𝗯𝗹𝗲” 𝗯𝗲𝗳...𝗛𝗼𝘄 𝗱𝗼 𝘆𝗼𝘂 𝗺𝗮𝗸𝗲 𝗮 𝗵𝗲𝗿𝗼 𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗳𝗲𝗲𝗹 “𝗰𝘂𝘀𝘁𝗼𝗺𝗶𝘇𝗮𝗯𝗹𝗲” 𝗯𝗲𝗳...

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

wael gamil

• Jul 31

𝗛𝗼𝘄 𝗱𝗼 𝘆𝗼𝘂 𝗺𝗮𝗸𝗲 𝗮 𝗵𝗲𝗿𝗼 𝘀𝗲𝗰𝘁𝗶𝗼𝗻 𝗳𝗲𝗲𝗹 “𝗰𝘂𝘀𝘁𝗼𝗺𝗶𝘇𝗮𝗯𝗹𝗲” 𝗯𝗲𝗳𝗼𝗿𝗲 𝘁𝗵𝗲 𝘂𝘀𝗲𝗿 𝗲𝘃𝗲𝗻 𝘀𝘁𝗮𝗿𝘁𝘀 𝘀𝗲𝗮𝗿𝗰𝗵𝗶𝗻𝗴?

For Itashteeb, I didn’t want the hero to feel like a static marketplace banner.

The platform helps people imagine how their home could look, then connects them with the professionals who can make it real.

𝗧𝗵𝗲 𝗶𝗱𝗲𝗮 𝗯𝗲𝗵𝗶𝗻𝗱 𝘁𝗵𝗲 𝗵𝗲𝗿𝗼

Each scene represents a different mood, interior style, and possibility.

The surrounding furniture elements change with every environment, and users can also drag and reposition them inside the hero.

That interaction directly supports the message:

“𝗖𝘂𝘀𝘁𝗼𝗺𝗶𝘇𝗮𝗯𝗹𝗲 𝘁𝗼 𝗬𝗼𝘂𝗿 𝗡𝗲𝗲𝗱𝘀. 𝗢𝘂𝗿 𝗣𝗿𝗼𝗳𝗲𝘀𝘀𝗶𝗼𝗻𝗮𝗹𝘀 𝗕𝗿𝗶𝗻𝗴 𝗬𝗼𝘂𝗿 𝗩𝗶𝘀𝗶𝗼𝗻 𝘁𝗼 𝗟𝗶𝗳𝗲.”

Instead of only telling users that the experience is flexible, the interface lets them feel it.

→ Explore different moods → Move and rearrange elements → Imagine a space around their own preferences → Connect that idea with the right professional

The search experience then turns imagination into action.

The goal was not to add movement only for decoration. It was to make the product promise understandable through interaction, before the user even reads the full platform details.

𝗪𝗵𝗮𝘁 𝗱𝗼 𝘆𝗼𝘂 𝘁𝗵𝗶𝗻𝗸: 𝘀𝗵𝗼𝘂𝗹𝗱 𝗵𝗲𝗿𝗼 𝗶𝗻𝘁𝗲𝗿𝗮𝗰𝘁𝗶𝗼𝗻𝘀 𝗼𝗻𝗹𝘆 𝗮𝘁𝘁𝗿𝗮𝗰𝘁 𝗮𝘁𝘁𝗲𝗻𝘁𝗶𝗼𝗻, 𝗼𝗿 𝘀𝗵𝗼𝘂𝗹𝗱 𝘁𝗵𝗲𝘆 𝗮𝗹𝘀𝗼 𝗲𝘅𝗽𝗹𝗮𝗶𝗻 𝘁𝗵𝗲 𝗽𝗿𝗼𝗱𝘂𝗰𝘁?

Web Design Product Design Interaction Design

Marharyta Koshliak

• Jul 31

Designed the complete product and brand identity for Awlo, an AI-powered job search platform that helps users find jobs faster by automating repetitive tasks. The project includes UX research, mobile app design, branding, logo design, app icon, design system, motion, and marketing assets, creating a cohesive experience across both the product and brand.

Brand Design Motion Design Figma Product Design

Dana Morozova

• Aug 1

Great work, Marharyta! I’m really like this logo and clean design ✨

Imran Jakir

• Aug 1

AI Calorie Tracker & Habit Planner App UI

mobileappdesign aicalorietracker Product Design UI Design UX Design Figma habitplannerappui

Sk Nahid Hasan

• Aug 1

Awesome!

Nacho Valenz

pro

• Aug 1

DREAM-O — The global registry of dreams.

I almost never remember my dreams. I wanted an app that would tell me what I dreamed last night — and the moment I imagined it working, I knew what the company behind it would actually be. So I built that company instead.

A pillow unit records every session. Twelve minutes after you wake, the company issues a record. It never explains how.

What you're allowed to see of your own dream depends on which plan you pay for. ORIGIN opens one scene a month. The rest stay in custody — described in full, never opened. Their time, their length, their size, their state. Everything except what happened. After fourteen days they're destroyed. Not for the company. For you. And the company doesn't say destroyed. It says released.

Every screen is written in that voice: procedural, patient, institutional. The product never winks. Nothing on any sheet tells you this is wrong — you work that out yourself, somewhere around the retention page.

One prompt in Flowstep produced six screens. From there it was iteration — prompt, look, correct, look again. Text overflowing, blocks colliding, things that looked fine until I zoomed in. Every screen sits on a percentage grid with four x-values and a single hairline spine at 68.4% height. No border radius, no shadows, no serifs, no accent colour anywhere in the system.

Then I connected Claude Code to Flowstep's MCP server, handed it my design guide, and asked it to audit all fourteen screens against it, one by one. A second prompt to fix what the audit found. It worked inside the Flowstep file over MCP. I went off to cook. I came back and it was ready — I just wired a few links by hand, three clicks each. Fourteen screens for twelve sheets — the record sheet exists three times, one per plan. A path you can walk end to end.

Prototype: https://app.flowstep.ai/file?activeFileId=0a82e6e8-edfa-4dfb-ace8-dfb2e8122859 Social: https://x.com/JosIgnacio17989/status/2083406318304481732 Built with Flowstep · Claude Code over MCP @flowstep_ai #FlowstepChallenge