Visual Identity, Website, Product development
Building BibliU's visual identity, product style and website in 2 months
Making learning effective
London-based, 50+ employees, a remote-first edtech startup
BibliU is a digital platform that provides university students with personalized learning pathways by aggregating course materials such as etextbooks, monographs, and open educational resources.
They work with a broad range of stakeholders: students, academics, librarians, publishers, and bookstores. With the main headquarters located in London, BibliU promotes a remote-first way to work. Their team members are distributed across Australia, the U.K., Europe and the United States
A completely personalized learning journey
BibliU found they were limited by a lack of shared visual guidelines and consistency across their product and marketing materials. This resulted in slower product development and disjointed communication to the users.
Creating a shared design vision became critical as they grew by 800% in 2018. It was time to rethink, adapt and continue that growth.
We’ve built a simple plan:
Align our understanding of the product through several Discovery Sessions
Fill and review strategic canvases; review and confirm them with stakeholders
Implement the new visual identity, marketing materials, and UI guidelines
Deliver their visual identity, and continue to iterate on product enhancements with BibliU
We believe that visual identity only works if it is authentic, shared, and consistent. It is not about making something that will make everyone say “wow,” but rather something that will visualize and complement the core idea of the product. In a smart way.
Who's around us?
There’s no visual identity that exists on its own. To create something new, we need to understand who surrounds us, how we differ, and who we are in the context of others. That's why we start by analyzing competitors and products from related fields.
We found that larger education companies didn't use fancy icons or symbols, rather, they relied on their already recognized names. Digital-first companies were far more artistic and creative in their visual language. With BibliU, a digital product in the education landscape, we needed to find a balance.
Our first concept led us iterating their existing logo and building a visual identity around squares and hand-drawn elements.
There were concepts where ribbon/bookmark was their main symbol. Being a lively character, while representing the product's most crucial values.
B = content,
not a book
In the modern world, everything changes at a fast pace. A book is no longer “a written or printed work consisting of pages glued or sewn together along one side and bound in covers”. A book is something that provides us knowledge, changes us and gives new perspectives and ideas.
That was a pretty technological yet contemporary concept that we all enjoyed. It also resonated well with where BibliU was moving and complemented their core values.
New marketing website and e-reader application
There was a lot of work to do during this project phase, but the fact that we utilized a component-based approach enabled BibliU to rapidly develop and integrate the new design language into their existing application.
Navigation speaking to the primary target audience
More contrast, better reading
While reading a book, you are 100% content-focused. We improved visual accessibility by introducing a new color palette that offers easy-to-read interface elements that are consistent and easy to navigate via mouse, keyboard, and screenreader.
Are you sure it worked?
The general feedback BibliU received has been overwhelmingly positive. We are monitoring Net Promoter Score survey results as we implement the updates across the main app and will update the case study with them soon. It will give us a clear understanding proven by numbers. Stay tuned!
It looks beautiful offline
The work is still in progress
By listening to students’ desires and demands, our goal is to make a truly convenient and useful application that will allow them to focus on their studies. Our current scope of work is around iterating continuous improvements of the reader app.
We have already implemented several useful functions, such as "Text to Speech" and "Voice Reader." We conduct user testing to collect feedback and continue to improve the application. After all, it is the feedback that allows us to grow and ensure what we build next will be useful for students in the future, enabling them to achieve academic success.
We are also closely monitoring NPS scores from our users, which are a key source of feedback for the changes we are making throughout the app.
We’ve finally met in London
Meeting at the BibliU HQ in London was a great experience. Being a 95% remote team makes you comfortable working this way, but nothing can replace a real-life experience of speaking, laughing, and enjoying tasty pizza together.
11 pounds of new logo
In Ukraine, we always say, “never show up empty-handed.” That’s why we’ve crafted a solid steel representation of their new visual identity. This piece of craftmanship made a 1500-mile trip, passed several surprised customs controls, and finally reached its destination. We believe that it was a solid physical full-stop at the end of the process.
The BibliU team has something to say…
The general feedback we've received for the website has been overwhelmingly positive not only in terms of the design style but also in the clarity of the layout and how our value proposition has been pitched for each of our many stakeholders.
We've seen a considerable uplift in inbound leads since the redesign - our value proposition comes out much clearer now on our landing pages than it used to.
Having the Heartbeat design team closely integrated with our product teams allows us to rapidly iterate and validate designs with our users - receiving critical feedback earlier in our Discovery phase.
Students have been responding positively to our changes and we are closely monitoring our NPS score as we implement more of the designs.
The assets and design specifications that have been generated for our marketing team have allowed us to become self-sufficient in creating consistent, professional looking marketing material.
The Heartbeat design team is only ever a Slack message away from helping us out with design issues at any stage of our product development process. They understand our product well and have become a core part of our product teams.
The component-based design system that was created has allowed us to improve speed of iteration in both discovery and delivery stages of our product cycle.