Building custom websites with Framer
Building custom websites with Framer
// Lingr App Preview
Bubble native mobile apps don't have public preview link so here's a walkthrough of the latest state of my private events app.
It's an idea I worked on back in 2017 for nearly a year until I ran out of time / money. I brought it back to see if I can build it with @Bubble.io
More of the process is laid out in Phase 1/2 (https://on.contra.com/hgCD6B) and Phase 2/2 (https://contra.com/community/Mqa1E6wW?r=kristine_vilnite&referralExperimentNid=DEFAULT_REFERRAL_PROGRAM) posts. In addition to that I’ve been data binding and designing transitions.
Honestly, it’s been a while since I’ve happily pulled all-nighters.
Seeing this app come together in a matter of days is the kind of story I’d love to tell my 10y younger self.
24
64
4.3K
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
(http://vilnitekristine-83612.bubbleapps.io)
44
115
7K
Website redesign + Reservation and Payment automation with @Base44 for Riga based private practice of Physiotherapist & Physical Preparation coach Raivis Miezans.
Before:
→ Outdated web design & functionality
→ No automation systems
→ Inefficient layout and structure
→ Only in Latvian
🔗 Website: https://miezans.lv/
After:
→ Fresh design
→ Improved layout and structure
→ Reservations automation (Google Calendar)
→ Payment system automation (Stripe)
→ Localised in Latvian and English
🔗 Website: https://miezans-motion-pro.base44.app
Step-by-step process:
1. Old website's copy, structure and functionality analysed by Claude.
2. Claude assisted detailed prompt for Base44.
3. Base44 generated a fully functional layout in one go including Google Calendar and Stripe integration for reservation and payment automation.
4. Design refined using Figma files and code-based prompts.
Raivis Miezans:
“I went through the website - it's clean and organised. Reservation process is clear and simple. Since I don't have an administrator, having people register through the website would make my life easier, 1000% - I want this automation like, right now!"
43
94
5.7K
