This site runs best with JavaScript enabled.Work - Journey At StudioYou

Journey At StudioYou

StudioYou is the modern complete business management software for boutique fitness studios, yoga studios, boxes and gyms. Initially I made my hands dirty on all the existing products by adding features on https://getstudioyou.com (pricing page done by me), crm and pwa webstore.

Then I began solely building the new frontend webstore B2B (having customizable themes lignt and dark themes matching the business brands) from scratch which would be embeddedable on our customers own websites.

Involved lot of research about competitors. Taking independently tech decisions and architecture etc.

Some Related Tags

React Hooks
Styled-Components
Design Systems
Iframe
Amazon Lightsail

Challenges and My take

Move Fast vs Building Foundation for Tomorrow

Being a new startup we needed to move fast. But I believe slight extra thought in the beginning can save hours later. I motivated the product designer to make a well documeted design system. Observing all the screens and design system I first made Modular, Reusable, Extendable (making room for newer options without much overwriting) components which I could later plug into screens and gotta I’m done.

Way later wrote an article which got approached by The Startup, The UX Collective and other.

Seamless integration of entire webstore as an iframe

Iframe window shall be able to change the outer window’s URL and vice vera. Security aspects also needed to be seen. Researched and came across interesting cross-domain javascript libraries of paypal - zoid etc , read frontend bundled code of studioyou competitor’s products 🙈 having similar implementations and Content Security Header. Utimately developed cross window communication protocol successfully.

Dealt with the common challenge of setting iframe dimensions dynamically with mutation observers.