Introducing our all-new Image Carousel
At it’s core, Qwilr is a communication design tool. Whilst we began as a way for people to create proposals as beautiful web pages, it’s grown to be used for case studies, landing pages, online brochures and much more. All things that rely on great imagery to be persuasive. The trouble was our image browsing experience hadn’t grown with these new use cases, and needed a lot of love and improvement.
Well, after wrapping up testing with our fan-tastic beta group, I’m very excited to announce an all new image browsing experience, called the Image Carousel. From today in Qwilr, you’ll now have access to thousands of high-quality and free to use images, without leaving your project, to make your proposals even more beautiful.
How we used to handle images
Before, when you needed to add in an image to your project, you’d be presented with an overlay, where you could select one of the images we had in our collection, or upload your own. It looked like this:
There were a handful of issues with this design. A few were well understood functional gaps, like not being able to search the library, or view images you’d recently used or uploaded. This can really affect repeated use, because each time you wanted to use an image in your project, it felt like you were starting from scratch again.
These well understood issues aside, there was also a much larger and harder to define issue remaining; exploring the library and playing around with different image options felt like a long, burdened decision process. In any creative work, the longer the design decision takes, the more doubt will start to creep in over the outcome—and that’s the last thing we wanted. We want Qwilr to help facilitate fast, empowered design decisions that users love and are excited to share. As soon as we realised this, choosing great images with speed became the core focus in our design process. Below are a few key parts I’m very proud to share of the new design.
Collections in context
After exploring a few different directions, we found the fastest way to find great imagery was to never leave the project itself. Instead, we could bring up the image library in context, exactly where you were working. With this we could present images grouped by a theme or collection, so trying alternatives is easier. We could cut finding an image down to two clicks, rather than the previous 5. Most importantly though — you could play with variations faster without losing momentum in your work.
“Shuffle” to find something new
Sometimes you don’t know what image will work until you see it, and getting momentum in that early discovery phase is important to get past creative block. With the “Shuffle” button, clicking it puts a new collection at random into the carousel, so you can cycle through different themes faster when you’re stuck on what would work best with your content.
Fullscreen overlay for exploring themes
Finally, we completely redesigned the fullscreen overlay experience, so it could house your recently used and uploaded images, and allow you to browse images and collections with a little more screen real estate. From here you can also add in any collection you find interesting to the carousel, to see how the images feel in the context of your project.
A huge, huge thanks to Unsplash
The best part of this announcement is all these images are free, all thanks to our partnership with Unsplash. In order to know how much this partnership means to us, I think it’s important to understand our mission as a company. The following is taken from Why Qwilr, written by our Founder & CEO, Dylan Baskind:
Qwilr’s mission is to liberate the web from this complexity. To make it a “speakable” language by anybody, anywhere. Rather than going to the web only for very special occasions, to build big complex websites that we expect to last for years, what if we could dash off a beautiful website in just a few minutes?
For the above to happen, the question we constantly ask ourselves in design is how can users enjoy this speed without sacrificing quality? So far how we’ve achieved this at Qwilr is by starting with the best design defaults, and using simple but guided design controls to quickly achieve the desired outcome. Partnering with Unsplash is really a further commitment to giving our users the best design defaults we can, so they can create something better and faster than they thought possible.
Although this feature is now live for everyone, this doesn’t mean we are done with it. Through beta testing and early rounds of feedback, there’s a few things we are going to be improving over the coming months. And if you have any ideas or feedback around how we could make this better for you, you can email us here—we’d love to hear from you.