No one likes a slow website. And definitely not web developers. That’s why it feels really good to welcome everyone to our new updated site. Quite a few things have changed and in this post, I will give you a walkthrough of everything we did.
New hosting – goodbye Loopia, hello Kinsta
Ever since the start of our company in 2009, the website was hosted in Sweden by Loopia. That served us well for a while and their support is actually really good. Now that we serve a global customer base it makes more sense to have the hosting in the US. We chose Kinsta because they offer great performance, Cloudflare CDN, and a nice dashboard that’s really easy to work with. Perhaps the most important thing for us is their support, it is beyond amazing.
Our old logo was also collecting quite a bit of dust over the years. We’ve been fortunate to work with a really great San Francisco-based designer who helped us design our new logo. To me, it captures the core essence of visual scheduling, typically represented as bars on a timeline. We hope you like it too 🙂
The biggest change is by far our brand-new website. The old one was using legacy WordPress and was very heavy (1.4MB of resources loaded 😱). We designed a custom theme and started from scratch, focusing on getting a super light site with no unnecessary dependencies (yes, I’m thinking you of jQuery). The new site weighs in at just 240kb with an empty cache. We use lazy loading for images and videos to not load things too eagerly. Our hero graphics also improved a lot with custom SVG animations using Greensock.
Self-typing code fiddles
One thing I love when shopping for JS libraries is to have live examples embedded in the website so I can immediately see what it’s about. The next thing I want to see is the code behind it to get an idea of the API & complexity. And even better than that, having code and examples side by side to increase the understanding even more.
We’ve added a few self-typing JS code snippets that show you the basic implementation of our products. You can see this in action below, click somewhere in the panel to start it.
This makes learning a bit more fun and interactive and it helps connect the dots between the code and what you get when running it, line by line. We’ll post more about this fiddly thing in a future post.
We hope you like the new design and that you notice the speed increase. What do you think? If you spot any 404, typos or weird things, please do let us know. 🙏