Unveil Health Insights: Simplify Your Blood Test ResultsUnveil Health Insights: Simplify Your Blood Test Results
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
How are you with understanding your blood test results? Aura is a personal health dashboard šŸ“Š that organises your medical test results into a plain-language insights. You can also chat with Aura to go deeper on anything that concerns you. Built on Bubble AI generated foundation and taken the rest of the way by hand: → Started with a single prompt to Bubble AI, shaped by Claude; → Bubble AI generated the foundation: pages, data structure, and UI; → Cleaned up the structure into a working app; → Redesigned every screen into a soft, light experience. šŸŽ¬ See full process walkthrough and comparison between Bubble's initial output and my design in the comments. šŸ”— Try Aura
Malan's avatar
Amazing!
Kristine's avatar
Process walkthrough:
Krishna's avatar
nice explanation kristine
Kristine's avatar
Thank you :)
Restu's avatar
love it šŸ˜
Isabel's avatar
Contra logo
this is so dang useful!
Kristine's avatar
Right? I for sure have plenty of data on my hands with all the blood tests I've done that no one has ever looked at holistically. šŸ¤·šŸ¼ā€ā™€ļø
Ingrid's avatar
such a beautiful UI šŸ’–šŸ˜
Kristine's avatar
Thank you, Ingrid. 🫠 Still in my light and soft theme era.. šŸ¤
Victor's avatar
Vprime Digitalz logo
This is nice and useful
Kristine's avatar
Glad to hear its not just me who finds this useful :))
Mara's avatar
So calming interface 🩵
Kristine's avatar
Thank you Mara šŸ¤ happy to hear it resonates.
Nataly's avatar
Love this approach. Medical data can be overwhelming for most people, so turning test results into clear, human-friendly insights is incredibly valuable. The combination of AI-powered foundations and intentional UX design is really interesting here. ✨
Nikita's avatar
YoungYosha logo
yeeeeah, cool!!!
SHIVA's avatar
design is impressive but the Icons are not working Correctly overall well
Kristine's avatar
Which icons may I ask?
Muhammad Hashir's avatar
this is the most beautiful web design I've seen done with vibe coding truly amazing. The 'Ask Aura' chat feeling so calm and clear next to the test results is such a smart touch. What was the trickiest part to get right in Bubble?
Kristine's avatar
Thank you Muhammad :) I find it tricky to animate elements in Bubble. You have to set conditions and interactions separately for every component, colour, placement, size, borders etc. AI agent can assist quite a bit but still ..
Muhammad Hashir's avatar
That makes sense sounds like Bubble's visual conditions approach trades code for a different kind of complexity. I hand-code most of my stuff, so I'm curious how the AI agent in Bubble compares to working with something like Claude/v0 directly does it feel more like a co-pilot...
Kristine's avatar
Yes, it seems like the same level of detail that you would be handling in code Bubble has given user-friendly interface for. AI Agent does the heavy lifting by creating a pretty solid foundation from the initial prompt. Then it's all about fixing it up and improving design. AI...
BuiltByLiyah's avatar
Amazing execution. What inspired this direction?
Kristine's avatar
Thanks :)) Ouh, I'm quite nerdy that way šŸ˜„ especially around personal data like sleep score, heart rate etc. I like to investigate and see what's up.
Sohan's avatar
love the clean execution
Bob's avatar
CyberLink Security logo
pro
• Jun 27
Top solution!
Abdulazeem's avatar
Can you check mine and tell me what I did wrong
Bob's avatar
CyberLink Security logo
pro
• Jun 29
I didn't quite understand what are you asking me to check?
Sahil's avatar
Nice
Sourav's avatar
It sounds like a really helpful tool for simplifying complex medical data
Kristine's avatar
Jeah, I'm tempted to setup the AI backend and all. Would be interesting to test how well AI handles the data from different inputs.
Abdulazeem's avatar
Smooth I'm rooting for u even my work is not as good, I'm jealous of your workšŸ™‚
JULEKHA's avatar
We all learn. šŸ˜†
Hammed's avatar
Great work
Atolani's avatar
This execution is top notch
Louis's avatar
Nice design, I am impressed by this
Hassaan's avatar
This is so great šŸ‘
Kristine's avatar
Thank you Hassaan :)
Eke's avatar
Awesome
Xulfi's avatar
Love this! šŸ˜„ It's refreshing to see a health dashboard that doesn't make me feel like I need a medical degree and a UX degree just to read my blood work.
Clean hierarchy, thoughtful use of whitespace, and the data actually breathes instead of fighting for attention. Proof that...
Kristine's avatar
Ahh, apreciate it. :) 'I don't want typical dashboard cards' was actually a very explicit point I made in the initial prompt.
Bamidele's avatar
I like your creativity
Erin's avatar
Contra logo
oh wow this is cool
Great's avatar
The visual hierarchy is really strong. My eyes went exactly where they needed to.
Kristine's avatar
Thank you. That's what I love to hear. :)
Juls's avatar
Contra logo
pro
• Jul 7
🧼 🫧
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