Anastasia Vysotska's Work | ContraWork by Anastasia VysotskaAnastasia Vysotska
Product Designer · AI, Mobile, Web & SaaS
- $1k+
- Earned
- 1x
- Hired
- 5.00
- Rating
- 23
- Followers
Wanted to post this animation separately - without me and my process The calendars show what's happening; they never show how it's going to feel.
So I built Barometer in @Flowstep , an emotional weather report for your week. It reads the shape of your calendar and gives you an honest heads-up about the next week.
❓Why I built this:
I like taking a moment to reflect on my day, sometimes looking back at it, sometimes looking ahead at what's coming. I always wished calendars did a bit of that too. Plus, it also helps you answer the question “Am I just lazy or was my day really exhausting?”
⚒️ How I built it:
- Started in Claude: app brief, user flows, and a design system.
- Connected Claude to Flowstep and prompted straight from that project context.
- Built home, one example day in full, then generated the rest as variants of it to keep the system consistent.
- Used Flowstep's design panel for the small, final tweaks.
📚 What I learned along the way:
- Flowstep needs clear color, copy, and reference, but also room to make its own decisions. Over-specify and the layout gets confused; give it space and it makes a really good judgment.
- Prompting multiple related screens in one pass kept the system tighter than one screen at a time. But even prompted individually, it remembered the guidelines across screens.
- Sometimes plain chat, not a structured prompt, got the better result for a tweak.
🧐 One thing I kept thinking while building this: it doesn't need to be its own app. This could just as easily live as a "forecast" layer inside a calendar app you already use.
Flowstep file (https://app.flowstep.ai/file?activeFileId=cab3b0bc-9d6d-4354-b2ca-1f14826e2a12) & Prototype (https://app.flowstep.ai/prototype?activeFileId=cab3b0bc-9d6d-4354-b2ca-1f14826e2a12) 🎨
X post (https://x.com/_anaVy/status/2083300146020819195?s=20) ✨
Animation exploration
built with Figma + Claude Played around with this product gallery animation in Framer. I like how it adds details and showcases the product ✨
#design (https://www.instagram.com/explore/tags/design/) #designinspiration (https://www.instagram.com/explore/tags/designinspiration/)