Dental training website - Dental Hero Academy
Our task was to design a website that not only faithfully reflects the character of the brand, but also exposes the professionalism of the specialized training offered by the company. It was a priority for us that the site should perfectly represent these high standards, and at the same time effectively encourage professionals to actively participate in training.
Dental Hero Academy specializes in organizing courses for professional dentists. Trainings are held in intimate groups, in very well-equipped training rooms, where modern equipment is used.
We encourage you to learn more about the process of creating a website for this brand.
-
ŁukaszSenior Graphic Designer -
MateuszUX designer -
WiolettaElementor Developer
Prototype - mockup of a website with training courses
When starting to work with Dental Hero Academy, the first step was to develop an initial concept for the site - a prototype. We focused on creating a basic layout and defining the key elements and sections of the site before moving on to more advanced graphic design.
Using tools such as Figma and Miro, we create a collaborative platform, allowing us and our clients to effectively track progress and evaluate the project from its early stages. This working method facilitated effective communication and allowed for easy modifications.
Our goal for this project was to create a site with an intuitive layout that would attract users to explore the offering and encourage them to take advantage of it. We wanted users to easily find information about both the courses themselves, as well as the brand and the experts behind it.
An important aspect of our work is always to maintain close contact with the client. After preparing the initial mock-up, we organized a video call to present our ideas and discuss how the client can provide comments and suggestions.
Graphic design of the website with training courses
Already in the hero section of the homepage, we have implemented a professionally produced video that immediately grabs attention and makes the site dynamic. On the graphic design of this section, we also placed the key advantages of the courses, and just below them and in the menu bar are CTA buttons that direct directly to the training calendar, which clearly shows which day of the month specific training courses are. Just below the hero section, we placed blocks with upcoming courses so that the user can access them right away.
We kept the design of the site in a "sterile" climate - the predominant white, combined with a distinctive blue in graphic elements such as icons, frames and CTA buttons, creates a clean but not monotonous look, perfectly suited to the nature of the dental industry.
Access to training descriptions and dates is intuitive both through the menu and when scrolling on the homepage. Each training has its own unique characterization with graphic elements that eliminate blocks of text, avoiding overly long and tedious descriptions.
An effective procedure that helps to persuade users and instill a kind of trust in the brand is to present the real faces of the experts conducting the training courses. This allows prospective course participants to get to know better the experts from whom they will be able to learn.
Coding the page
In the process of creating a website for Dental Hero Academy, a key step was its encoding. For this purpose, we used a popular page builder tool - Elementor. Its main advantages are intuitiveness and great flexibility. Thanks to this tool, not only programmers can work efficiently, but also our clients have the opportunity to edit the content of the site on their own. This allows quick adaptation to changing market requirements and user preferences, minimizing the need for constant contact with the agency.
During the coding stage, we focused on adding important functionalities that have a significant impact on the site's business goals.
Training Calendar
We have implemented a clear calendar on the site, indicating the exact dates and days when training sessions are held. This makes it easy for users to plan their attendance, seeing all available dates in one place.
Registration form
On each sub-page of a specific course, we have implemented a form that, after selecting a specific term, redirects the user directly to the registration system on konfeo.com.
Feedback from learners in the form of videos
On the site, we have implemented a section with videos of trainees, which zoom across the page when turned on.
Integration with Facebook reviews
Other reviews presented on the site are "pulled" from the company's Facebook profile thanks to integration with this social platform.
Integration with Google Maps
This convenience is crucial for easily finding course locations. The site's integration with Google Maps allows users to quickly and accurately locate the training site, which is especially helpful for those who are not familiar with the area.
Access form for additional materials
In the "materials" tab, we have implemented a special form that allows access to free resources after entering an email address. This is an effective way to share valuable educational materials while building a contact base.
Contact Form
The "contact" tab could not miss a simple contact form. This is a simple and effective way to ensure quick communication with the support team, which increases user confidence and satisfaction.
Are you interested in this project? Feel free to visit our profile on Behance, where you can see it in its full glory. Also, don't forget to check out our other works.
If you would like to have a unique and professional website, we sincerely encourage you to use free consultation!
Let's talk and establish action plan!
