Studio Launchpad

We created a theme that enables end users to quickly create a beautiful site that leverages a host of custom modules which bring additional interactivity and functionality to the theme environment!

Comment

Inspiration

We set out to create a theme that tapped into cool and enjoyable front end design, while letting the end user customize it to their liking! We were inspired to bring our users a theme that offered more customization than we have offered in the past, and brought new and helpful modules into the theme environment!

What it does

Studio Launchpad opens up the possibilities of what can be done within themes - We enable users to create experiences rich with imagery and movement, while maintaining a clean and simple aesthetic! People are able to create preset pages that have been set up ahead of time so that anyone can pick them up and run with them! We hope that people will be able to leverage their own creativity and use the framework we built to bring their ideas to life!

How I built it

We built Studio Launchpad using Hubspot's Developer Tools, Visual Studio Code, Figma, a few Javascript libraries (simpleParallax.js, ScrollMagic.js, anime.js, jQuery). Lots of testing was involved!

Challenges I ran into

One of the largest challenges we ran into was managing to keep all of the moving pieces working together in harmony. What I mean by that is that we ran into many edge-cases that caused is to reconsider our approach to solving the problem at hand. Through the many challenges we worked through, we were able to further develop our development skills and uncover new strategies for implementing complex features within custom modules and themes.

Accomplishments that I'm proud of

I am proud to have created custom modules that allow for users to add in custom section dividers (waves, angles) so that the pages they create are not all hard lines and edges! Hopefully our tools will enable people to create something beautiful that stands out online!

What I learned

Throughout the development process of creating Studio Launchpad, I learned a number of new implementation strategies in order to achieve our desired functionality in both our custom modules and theme templates! It was a great refresher on how to problem solve and leverage multiple languages to bring something to life.

What's next for Studio Launchpad

Continue updating modules and adding features! We plan to continue to expand on the amount of templates and layouts that are offered to our users. Nothing is every perfect, so we will never stop working to improve Studio Launchpad!

Built With

Share this project:

Updates