The visual identity for Bestclevers LMS centers around a logo inspired by the first letter of the project’s name, incorporating a sparkle symbolizing the transformation of students and teachers into professionals. The color palette features vibrant greens and oranges, with Unbounded Medium as the primary font, chosen for its drop-like shapes, complemented by Mulish for secondary text. Graphic elements derived from the logo are utilized throughout the design, including as masks for photos, and merchandise prototypes in green and orange were created to reinforce brand recognition.
Bestclevers LMS: Branding and Landing Page Design
Enhancing Online Education Engagement through Interactive and User-Friendly Design
Key Visuals
Challenges
The primary challenge was to develop a brand identity and landing page that would reignite students’ interest in online learning, which had waned due to the transition from offline to online classes and the overwhelming amount of distracting information. The design needed to be both aesthetically pleasing and user-friendly, providing immediate solutions to users’ problems and facilitating better connections between professionals and their audiences. This involved analyzing competitors, understanding their communication strategies, and identifying their competitive advantages to create a distinctive and effective online educational platform.
Logo
Enhancing Online Education Engagement through Interactive and User-Friendly Design
We decided to base the brand identity on the first letter of the project’s name, which helped boost its recognition.
The logo also combines several shapes that represent different ways of educating.
Brand identity
Colors
The client already had a certain color palette in mind, but we added some finishing touches to it and made the colors brighter and more striking.
The promotional materials have green as the main color and orange as the color of details.
Font
Our goal was to find an easily readable font shaped similar to the logo. We picked Unbounded Medium as the main font because it had many drop-like shapes. Mulish was used as a secondary font for additional blocks.
Graphic elements
We decided to divide the logo into several parts and use them in the design. For example, we use shapes from the logo as masks for photos.
Orange became our go-to color for emphasizing important words and messages. To maintain harmony, we also eliminated sharp corners in all shapes used in the design.
After that, we created prototypes of the brand’s merchandise in green and orange. The colors help it to stand out.
Landing page development
Next, we implemented the corporate identity to the website. However, there were no agreed-upon pages that could be adapted to the new design.
That’s why we decided to approach it from a marketing perspective. Our main goal was to make it not only beautiful but also user-friendly.
When visiting a website, users need to see solutions to their problems immediately. Therefore, we made sure to give them all the necessary information and added a registration form.
Analysis
We always start with an analysis.
First, we studied the competitors and examined their communication, competitive advantages, and solutions they offer on the main page.
We picked the mandatory elements that every competitor has, as well as a few interesting elements that are worth attention.
Then we built a composite image of a typical main page of an LMS system.
Prototype
Although it’s important to monitor competitors, each project needs to have its own individual characteristics. These unique features should be highlighted on the main page so that the users can see them right away.
We also interviewed the client and compiled a description of the project. Based on it and the analysis of competitors, we built the first prototype of the landing page.
We wanted to:
- distinguish the target audiences;
- explain the functionality and the subscriptions the project has;
- give people a reason to believe: reviews from clients, mentions in the media, and a story behind the project.
Users see buttons with CTAs everywhere they look, so they don’t have to spend time figuring out where to sign up.
The client also wanted to display the subscription types the project has, so we offered to make them short and clear.
Texts and design
Even the best projects need good content and UI.
Our experienced copywriters created the texts and took into account the clients’ briefs as well as the SEO specialist’s recommendations.
The texts and design were then added to the prototype.
Insights
Meetings with clients are very important, as they often share important points and offer good ideas. Always start with the analysis!
