Eezylearn School Review Analysis
Write your awesome label here.
User Experience
User Interface
Conversion Optimization
SEO
Common Pitfalls
User Experience
User experience (UX) design refers to the experience a user has when interacting with a product. It focuses on the user journey and how efficient and easy to use the product is.
Summary
In general, you have a good responsive design and the school loads fast. The navigation works proprely and there are not dead links in your school. Check the alignment and the spacing of your elements in mobile and tablet screens. You can always, use our tips for better performance.
passed
WARNINGS
FAILED
NAVIGATION FLOW
RESPONSIVE WEB DESIGN
PERFORMANCE
What is Responsive Web Design?
Responsive web design is about creating web pages that look good on all devices.
A responsive web design will automatically adjust for different screen sizes and viewports.
A responsive web design will automatically adjust for different screen sizes and viewports.
Cross browser & device testing
Check if your website works properly when accessed through different browsers and devices.
Υour school's responsive layout requires further review. There are issues with spacing and alignment, and some buttons are not displaying at full width on phone portrait screens. Please refer to the sections on Spacing, Alignment, and General Suggestions for more detailed information.
Navigation Menu
Checking that all topbar / footer elements are visible in smaller screens.
Congratulations! All topbar & footer elements are responsive and visible on smaller screens.
Alignment
Check that all the text, images and controls are aligned and displayed properly across all devices. Also, images adapt properly to smaller screens.
You can also center align your hero sections, depending on the content and check that most of the content is fll width so it's easily readable byt the user.
BEFORE
Instructor Led Courses Page
AFTER
Instructor Led Courses Page
BEFORE
Instructor Led Courses Page
AFTER
Instructor Led Courses Page
INFO
Proper alignment of elements is crucial for creating a visually appealing and user-friendly design. You should keep in mind the below:
Uniform Layouts
Maintain consistent alignment across all pages to create a cohesive look and feel.
Alignment Types
Proper alignment of elements is crucial for creating a visually appealing and user-friendly design. You should keep in mind the below:
Uniform Layouts
Maintain consistent alignment across all pages to create a cohesive look and feel.
Alignment Types
Left Alignment: Best for text-heavy content as it follows the natural reading pattern of most users.
Center Alignment: Effective for emphasizing headings, titles, and calls to action. Use sparingly to avoid disrupting the flow of content.
Right Alignment: Typically used for specific design elements like captions, but less common for body text.
Vertical Alignment: Ensure elements are vertically aligned for a clean and organized appearance. This includes aligning images, text, and buttons within their containers.
Vertical Alignment: Ensure elements are vertically aligned for a clean and organized appearance. This includes aligning images, text, and buttons within their containers.
Horizontal Alignment: Align elements horizontally to create a balanced layout. Use margins and padding to space elements evenly.
Whitespace
Use whitespace effectively to separate content and prevent clutter. Adequate spacing between elements improves readability and focus.
Alignment for Emphasis
Align elements strategically to draw attention to key content, such as aligning a call-to-action button centrally on the page.
Whitespace
Use whitespace effectively to separate content and prevent clutter. Adequate spacing between elements improves readability and focus.
Alignment for Emphasis
Align elements strategically to draw attention to key content, such as aligning a call-to-action button centrally on the page.
Spacing
Check that there is space between the elements, enough giving a balance in the design. Looking for unreasonable margins / paddings.
Some elements need more or less spacing, in order to have a more balanced design.
INFO
INFO
Using big spaces on mobile websites can be beneficial if applied thoughtfully and in moderation. The key is to strike a balance between readability, usability, and efficient use of limited screen space. By following responsive design principles and considering the specific needs of mobile users, you can create a layout that is both visually appealing and functional.
Cons of using big spaces on mobile devices:
- Mobile devices have smaller screens, so using too much space can lead to excessive scrolling and might hide important information below the fold.
- If not balanced correctly, large spaces can make navigation less efficient, causing frustration as users have to scroll more to find the information they need.
Typography
Check if the text content displays at a size that is readable across all devices.
Text size in smaller devices is good, all the content is easily readable.
Consistency
Check if there is consistency in font, style and colors, when adapting to smaller screens.
Overall, your sections demonstrate consistency; however, we recommend reviewing all pages for minor adjustments to text, spacing, image sizes, and buttons.
Interactivity
Check if Calls To Action (CTA), forms, and menu items are easy to interact with, when accessing through various devices
On small screens, we suggest that you choose Full Width buttons.
Write your awesome label here.
Pop Ups
Check if the pop ups are responsive. Suggesting alternatives (forms,CTAs), in case there are many pop ups
Your enabled pop-ups are functioning properly and are adapting to smaller screens correctly but please check the Welcome to our online Academy popup, since it seems to be empty.
What is Navigation Flow?
Navigation flow is a feature that allows users to navigate from one screen to another.
Good navigation can speed up the viewers search and allow visitors to search your site for longer, giving them confidence in where they are and what they can receive from your website.
Website Navigation
Check that all the settings of the school stand out and the selection of these do not negatively affect other aspects of the school.
Payment Settings
Login / Sign Up Settings
Navigation Settings
Community & Learning Apps
You have disabled the Sandbox mode.
This mode is offered to test the payment flow & generate sample invoices.
This mode is offered to test the payment flow & generate sample invoices.
Write your awesome label here.
Login Process: It is enabled for all the users
Sign Up Process: It is enabled for all the users
Sign up with Social Media: It is enabled for all the users
Sign up with Social Media: It is enabled for all the users
Write your awesome label here.
You have selected the default Start Page, as the after login page. You can always change it and set a different page as the Start Page for all users, or customize it based on user tags.
Write your awesome label here.
When enabling the learning apps in Apps Configurator, make sure that you put the links in the After Login navigation menu, so users can access them.
- The Profile page is added twice in the After sign in/up topbar
- Some of the Apps are not in the topbar as menu item → Daily News
Write your awesome label here.
Stands Out
Menu navigation should be noticeable from the other sections of the page.
Your navigation menu stands out from the rest of the content.
Link Labels
Avoid using too large link labels in topbar and footer menus. Choose using words that describe exactly the purpose of each page.
Topbar
Checking that it contains all the necessary links and the number of links is limited to 5 - 7.
Before Login
After Login
Congratulations! The Before Login Topbar works properly!
Congratulations! The After Login Topbar works properly!
Footer
It typically contains a copyright notice, links to policy pages, logo, contact information and social media icons.
Your footer contains:
- Your Logo
- Your contact details
- Policy Pages links
We suggest adding in your footer more details
- Contact Details
- Social Media links
- Menu Links, for example Blog page, LMS page
Dead Ends
End pages with calls to action, so visitors don’t have to go back up to the main navigation. There may be lots of dead ends on your website.
Congratulations! There are no dead end pages in your school.
Interactive Links
Offer good visual signifiers, such as contrasting colors, hovers, to give visitors a clear signal of what is clickable versus static.
You have selected a color for your active links that is visible on light background colors but doesn't have a good contrast with the brand primary color you have chosen for your school unless it is displayed with a bold font weight.
Sticky menu
Stick on scroll menus remain visible at the top of the viewport all of the time, which reduces interaction cost.
Congratulations! You have enabled Stick On Scroll for your topbar.
Order of navigation items
Items at the beginning and the end are most effective because our brains recall them much easier than the middle items.
The order of navigation items seems to be good.
When embedding learnworlds links in the course player, they need to add ?preview=1 at the end of the URL, otherwise the user is taken outside the course player and to the page itself.
Check for redirections that may prevent the user from visiting the wanted page.
Site Navigation
School is subscription-only
Course Cards
Your settings do not lead to empty pages
We will need to make sure that every course is added under a subscription otherwise the subscribe now button doesn't work
We can suggest which "when clicked" action they use depending on the page we are talking about
What is Performance?
Performance measures how quickly the pages of a website load and display in the web browser. Performance optimization makes the website easy to navigate and enables visitors to quickly find what they are searching for.
Speed Test
Testing performance of the website, by running speed tests that offer detailed recommendations for faster loading speed.
Check your website's speed!
The Site Speed reports show how quickly users are able to see and interact with content. You can identify areas that need improvement, and then track the extent of those improvements.
We checked the speed of your website and it's quite weak.
The most important thing to improve the speed of the site is the image optimization.
The most important thing to improve the speed of the site is the image optimization.
What is image optimization? Image optimization is about reducing the file size of your images as much as possible, without sacrificing quality, so your page load times remain low. It's also about image SEO. That is, getting your product images and decorative images to rank on Google and other image search engines.
These are some websites that you can use to optimize your images online.
Write your awesome label here.
Forms
Testing that the forms are working as they are supposed to do. Check if the submit button of the form redirects the user to another page.
Make sure that your forms work properly.
Write your awesome label here.
Congratulations! You've also added text to the After Submit view of your forms.
Write your awesome label here.
Internal Links
Make sure that there is one link for each page in the school.
Here is a list of your internal links.
Click on the button for more details.
Click on the button for more details.
INFO
Internal links are an essential component of website design and content organization. They refer to hyperlinks that connect one page or resource within a website to another page or resource on the same website.Some of the benefits of incorporating internal links are:
Improved Navigation
Enhanced User Experience
When implementing internal links, consider using descriptive anchor text (the text users click on) that accurately reflects the content of the linked page. Also, avoid overloading pages with excessive links, as this could make your content appear spammy or cluttered.
External Links
External links are the most important source of ranking power. External links pass link equity (ranking power) differently than internal links because the search engines consider them as third-party votes.
You have added some external links however, you can add more external links as they are very useful for your website's SEO. Click on the button for more details.
*IMPORTANT! Make sure external links always open in a new tab. You don't want your students to leave your school!
INFO
Using external links in an online school can enhance the learning experience by providing students with additional resources, references, and opportunities for deeper exploration. Here's some information on the use of external links in an online school and how they can be effectively utilized:
Enriching Content
Further Research
Diverse Perspectives
Images Quality
Checking for high quality images, that need optimization for better speed.
Using large images as it affects the user experience and image SEO. Sizing an image not only refers to the width and height of an image but also the resolution quality. Low quality images will appear fuzzy, which will make your site look less polished.
PNG pictures have better quality and size than GIF. PNG files support transparency making them really useful for graphics or icons. You should not use PNG for pictures or photography because the ratio quality/size is much better with JPEG.
Why is it important to optimize my images?
The purpose of optimization is to achieve the “best” design relative to a set of prioritized criteria or constraints. Image optimization — saving images for the web to a smaller file size — contributes to webpage faster load time, contributes to SEO and a better User Experience.
Contact
Checking that your school contains all the necessary contact details, so the users are easy to communicate with you.
You've included all the essential details for your students to easily contact you.
Write your awesome label here.
Write your awesome label here.
Non-Used Pages
Searching for pages that are empty, or older, and they are not used anywhere in the school.
Some pages of your school are in draft mode. This means, that they are not visible to public.
The small red circle indicates the draft pages.
Check that all the pages that are necessary for your school are public and not in draft mode.
The small red circle indicates the draft pages.
Check that all the pages that are necessary for your school are public and not in draft mode.
Remove empty pages or older pages that you don't need and make your school more organised.
Write your awesome label here.
User Interface
The user interface (UI) is the point at which human users interact with a computer, website or application. The goal of effective UI is to make the user's experience easy and intuitive, requiring minimum effort on the user's part to receive maximum desired outcome.
Summary
Your site's user interface (UI) is generally good. The colors you selected have the right consistency and the typography is good enough. There are some details that could be corrected to improve the visual part of the site, such as the spacing of your elements in your website.
You can see more details below.
passed
WARNINGS
FAILED
DESIGN
CONTENT
What is Web Design?
Website design is related to the appearance, layout and, in some cases, the content of a website. Appearance, for example, is related to the colors, font, and images used. The layout refers to the way information is structured and categorized. A good web design is easy to use, aesthetically pleasing and suits the user group and the brand of the site.
Typography
Web typography encompasses both how we design the look of the text itself — fonts, colors, and styling — as well as how we present the text on its respective web page.
Font Size
Font Families
Text Alignment
Text Contrast
Line Height
Checking the Font size of the text
We suggest using smaller font sizes for you text content and H3 headings.
CHECKING THE SIZE AND THE STYLE OF THE HEADINGS.
The size of your headings is correct. They stand out from the rest of the content, making it easy for users to navigate and understand the structure of your page.
Suggestions for font sizes:
CHECKING THE SIZE AND THE STYLE OF THE HEADINGS.
The size of your headings is correct. They stand out from the rest of the content, making it easy for users to navigate and understand the structure of your page.
Suggestions for font sizes:
- Main Title (H1): 28px to 48px
Should be bold and attention-grabbing. Adjust based on the importance of the page or section. - Subtitles (H2): 24px to 36px
Prominent but slightly smaller than the main title. - Section Headings (H3): 20px to 28px
Distinguishes smaller sections; use for secondary hierarchy. - Subheadings (H4–H5): 16px to 24px
- Primary Body Text: 14px to 18px
Use for general content. Choose a size that ensures readability across devices.
Check that the font pairings work well together and that there is consistency across the website
Using Spartan, Open Sans, Raleway, and Archivo Black together can work, but the success depends on how you pair and apply them in your design.
How to combine them
How to combine them
Main Titles: Use Archivo Black for strong, bold headlines.
Subheadings: Use Raleway for a more refined and lighter contrast to the boldness of Archivo Black.
Body Text: Use Open Sans for readability and a neutral complement to the more distinctive fonts.
UI Elements: Use Spartan for navigation, buttons, or labels, as its geometric clarity pairs well with the rest.
If these feel too busy together, consider replacing Spartan or Raleway with a simpler font, as both have strong personalities that may overlap with the others.
If these feel too busy together, consider replacing Spartan or Raleway with a simpler font, as both have strong personalities that may overlap with the others.
Write your awesome label here.
Checking the direction of the text
We have some suggestions regarding the alignment on your school.
Check the colour of the text. Test that there is enough contrast, so that the text is readable
There are some sections where the text is not easily visible due to the lack of contrast .
View the images for more details →
A good color contrast on your school, ensures that the text is easily readable by everyone.
View the images for more details →
A good color contrast on your school, ensures that the text is easily readable by everyone.
Write your awesome label here.
Write your awesome label here.
Write your awesome label here.
Write your awesome label here.
The space between one line and another should be such that the text is easily scrollable, and not cause the reader to squint or have to look closely
The line height of the text content is good and consistent in every text.
Colors
Web typography encompasses both how we design the look of the text itself — fonts, colors, and styling — as well as how we present the text on its respective web page.
Balance
Color Scheme
Palette
Checking IF THERE ARE MANY COLORS THAT MAY CONFUSE THE USERS.
There is good color balance on your school site, but you currently use only two main color. We suggest incorporating 2-3 different colors into your color palette for more variety and harmony.
The combination of vibrant blue (#349EF8) with dark charcoal gray (#28292A) and white (#FFFFFF) creates good contrast, especially for text and buttons. The soft light greenish beige (#DDEAFA) provides a calm, neutral middle ground, preventing the design from feeling too harsh or overwhelming.
Vibrant Blue: Best used sparingly for emphasis—such as buttons, links, or key action areas. It draws attention but can overwhelm if overused.
Vibrant Blue: Best used sparingly for emphasis—such as buttons, links, or key action areas. It draws attention but can overwhelm if overused.
Dark Charcoal Gray: Ideal for text, headlines, or darker backgrounds. It will contrast nicely with the white and beige, providing a professional, modern look.
Light Greenish Beige: Works well as a background color, softening the palette and providing a restful visual experience without clashing with the bolder blue or dark gray.
White: Offers a clean canvas that ties everything together, balancing the strong colors.
INFO
Using three main colors in website design helps create a visually appealing, cohesive, and user-friendly experience, while also reinforcing your brand identity and ensuring accessibility.
Write your awesome label here.
Keep the guidelines of the color scheme, according to the titles and descriptions we provide, for better results.
Congratulations! You have not violated our guidelines , in the color scheme.
Βut we recommend avoiding the use of colors outside of your palette provided in our builder. Any additional colors manually added will not be automatically updated if you make changes to your palette’s color codes.
Write your awesome label here.
Check that the colors of the palette pair well and provide an aesthetically pleasing result.
If the blue is used too extensively, it might be too bright or jarring. Ensure enough contrast between text and background for readability.
INFO
Here are some important considerations to keep in mind when selecting a color palette:
Branding and Identity: Consider the school's branding and identity. The colors you choose should align with the school's logo and other branding elements to create a consistent and cohesive look. Your school's logo has the same color as your headings, and there is consistency in your school's color palette.
Accessibility and Readability: Prioritize accessibility by selecting colors that have enough contrast for easy reading. Ensure that text and important content stand out clearly against the background colors. According to WCAG, text has the right contrast ratio and your school follows the web accessibility rules.
Psychology of Colors: Different colors evoke different emotions and associations. Consider the psychological impact of colors on your target audience.
60–30–10 Rule: The 60–30–10 rule is a popular color theory used by designers to create a balanced and harmonious color scheme. The rule states that a color scheme should consist of three colors in the following proportions: 60% of the dominant color 30% of the secondary color 10% of the accent color.
Here are some important considerations to keep in mind when selecting a color palette:
Branding and Identity: Consider the school's branding and identity. The colors you choose should align with the school's logo and other branding elements to create a consistent and cohesive look. Your school's logo has the same color as your headings, and there is consistency in your school's color palette.
Accessibility and Readability: Prioritize accessibility by selecting colors that have enough contrast for easy reading. Ensure that text and important content stand out clearly against the background colors. According to WCAG, text has the right contrast ratio and your school follows the web accessibility rules.
Psychology of Colors: Different colors evoke different emotions and associations. Consider the psychological impact of colors on your target audience.
60–30–10 Rule: The 60–30–10 rule is a popular color theory used by designers to create a balanced and harmonious color scheme. The rule states that a color scheme should consist of three colors in the following proportions: 60% of the dominant color 30% of the secondary color 10% of the accent color.
Spacing
Check that there is space between the elements, enough giving a balance in the design. Looking for unreasonable margins / paddings.
Be careful with the spacing between the elements. Proper spacing ensures that the content is easy to read and visually appealing, helping users navigate the page more comfortably.
Write your awesome label here.
Write your awesome label here.
Background
Check that backgrounds behind any text are solid and plain
We recommend utilizing white, more extensively while using the brand's accent colors and the light and dark background colors more sparingly. This enhances readability and ensures that your content is clear and easy to follow, improving the overall user experience.
INFO
INFO
When using color as a background, it's important to follow certain rules to ensure good design, readability, and user experience.
- Readability: Text must be easily readable against the background color.
- Primary vs. Secondary Backgrounds: Use a primary background color for most of the content, in your case white color, and a secondary color for sections that need to stand out.
- Consistency: Apply background colors consistently to avoid visual confusion and maintain a clean design.
- Brand Colors: Ensure that the background colors align with your brand's color palette and overall aesthetic.
- Cohesion: All colors used should complement each other and contribute to a cohesive design.
- Subtlety: If using patterns or textures, ensure they are subtle enough not to interfere with text readability.
- Clarity: Avoid busy or highly detailed backgrounds that can distract from the main content.
Readability
Check that the content of the page is easily readable.
Congratulations! Your text content is easily readable.
Alignment
Horizontal & Vertical - Check the alignment of the images, columns, texts, buttons. It’s necessary for the proper structure of the website
We suggest center alignment for your images, when the content is divided in 2 50/50 columns.
Click on the button for more suggestions.
Click on the button for more suggestions.
INFO
Proper alignment of elements is crucial for creating a visually appealing and user-friendly design. You should keep in mind the below:
Uniform Layouts
Maintain consistent alignment across all pages to create a cohesive look and feel.
Alignment Types
Proper alignment of elements is crucial for creating a visually appealing and user-friendly design. You should keep in mind the below:
Uniform Layouts
Maintain consistent alignment across all pages to create a cohesive look and feel.
Alignment Types
Left Alignment: Best for text-heavy content as it follows the natural reading pattern of most users.
Center Alignment: Effective for emphasizing headings, titles, and calls to action. Use sparingly to avoid disrupting the flow of content.
Right Alignment: Typically used for specific design elements like captions, but less common for body text.
Vertical Alignment: Ensure elements are vertically aligned for a clean and organized appearance. This includes aligning images, text, and buttons within their containers.
Vertical Alignment: Ensure elements are vertically aligned for a clean and organized appearance. This includes aligning images, text, and buttons within their containers.
Horizontal Alignment: Align elements horizontally to create a balanced layout. Use margins and padding to space elements evenly.
Whitespace
Use whitespace effectively to separate content and prevent clutter. Adequate spacing between elements improves readability and focus.
Alignment for Emphasis
Align elements strategically to draw attention to key content, such as aligning a call-to-action button centrally on the page.
Whitespace
Use whitespace effectively to separate content and prevent clutter. Adequate spacing between elements improves readability and focus.
Alignment for Emphasis
Align elements strategically to draw attention to key content, such as aligning a call-to-action button centrally on the page.
Visual cues for separating elements
Check that the colors of the buttons stand out, or that you use group boxes and areas with different backgrounds so you can separate the content of your page.
The visual cues for separating elements work great on your school site. They provide a clear distinction between different sections, helping users quickly navigate the content. These cues enhance the overall structure, making the layout more organized and intuitive, and improving the user experience by guiding attention where it's needed most.
Links
Check the font, color and style of the active links
You have selected a color for your active links that is visible on light background colors but doesn't have a good contrast with the brand primary color you have chosen for your school unless it is displayed with a bold font weight.
Instructor Led Courses Page
Images
Check that the content of your images fits your page. Also it is very important, your images have a good quality.
The quality of the images is very important for the SEO of the school, so we suggest that you use high quality images.
Overall, most of your images are clear and appropriately sized, enhancing the viewing experience for users. Some of them need further review on smaller screens.
Instructor Led Courses Page
Logo & Favicon
Checking that you have uploaded a logo and a browser icon for your school.
Logo appears in emails, video watermarks and in social media sharing.
Favicons are most often found in the address bar of your web browser.
Logo appears in emails, video watermarks and in social media sharing.
Favicons are most often found in the address bar of your web browser.
Congratulations! You have uploaded a logo and and a browser icon for your school.
Sign In / Sign Up Pages
We offer 8 different styles of sign in / up forms. To select a form, navigate to Site Builder → Site design → Sign in/up Forms.
From there you can choose a different layout for these forms.
Write your awesome label here.
What is Web Content?
Page content refers to all the information contained in a website. Page content can be displayed as text, links, images, audio, animation or videos among other things. Search engines have a limited ability to recognize images, animation, video and audio.
Large Content
Check that you use short sentences and avoid meaningless words.Try to keep small paragraphs.
We suggest you avoid large content in one section and separate it in many sections so the text is easily readable for the user.
Make sure you don't have too many sections on each page. Many users will not scroll to the bottom of the page.
Your content should be concise and you can use bulleted lists to make important information pop out.
Make sure you don't have too many sections on each page. Many users will not scroll to the bottom of the page.
Your content should be concise and you can use bulleted lists to make important information pop out.
Headings
Check that headings and subheadings are clear and descriptive. Make sure that your headings and subheadings describe what you will be talking about in that paragraph
INFO
Headings and descriptions on website pages should follow several rules to ensure clarity, readability, and effective communication of information to users:
- Hierarchy: Use headings in a logical hierarchy to structure content. H1 large r normal, should typically be used for the main page title, followed by H2 for section titles, and so on. Use larger font sizes and bold styling for main headings to distinguish them from subheadings. This helps users scan and understand the content hierarchy easily.
- Consistency: Maintain consistent styling (font size, weight, color) for headings throughout the website. This helps users quickly recognize different sections and navigate the content.
- SEO: Optimize headings with relevant keywords to improve search engine visibility. Ensure each heading accurately reflects the content that follows it.
- Accessibility: Ensure headings are descriptive and provide context. Screen readers rely on heading structure to navigate content, so use them appropriately and in sequential order.
Dead Links
Check if there are links that point to pages that have been deleted or moved
There are no buttons on your school site that don't lead anywhere, which ensures a clean and functional design. This helps avoid confusion for users, creating a more seamless and intuitive browsing experience.
Social Media
Check that social media are all linked on the school
You have not added all of your social media details in your school.
Write your awesome label here.
In case of a translated school, check that all the text is translated
Policy Pages
Our policy pages contain a text template. Check that the content of these pages fits your school needs.
Please check if your policy pages meet your school's needs.
- Cookie policy
- Privacy
- Terms & Conditions
Contact Page
Review the options for contacting (phone, email, live chat, or physical address), and checking for missing information.
We suggest you add some social media links on your contact page.
Including multiple contact options helps improve communication and adds a sense of reliability and accessibility to your site.
Including multiple contact options helps improve communication and adds a sense of reliability and accessibility to your site.
Write your awesome label here.
Course Pages
Reminding to add automatic enrollment button in course layout pages.
Congratulations! You are using automatic enrollment buttons in most of your course layout pages. Be sure to use them on every course to ensure a seamless user experience. This feature makes it easy for students to enroll with just a click, improving accessibility and streamlining the process. Consistent use of this button across all courses will help keep your site organized and user-friendly.
Course Content
Reminding to review if any of the course contents sections remained in draft mode.
There are some public courses with draft content. Make sure to review them thoroughly before making them available. Ensure that students do not have access to these incomplete courses yet, as they may contain unfinished material. It’s important to keep the content polished and fully ready for learners, providing them with a professional and cohesive learning experience.
Forms
In “After Submit” action of the form, you can edit the text that appears when the user completes the submission.
Don't forget to edit the “After Submit” option in your forms.
Write your awesome label here.
Embed Widgets
Checking that embed widgets do not affect any of the rest features of the builder.
You are not using embed widgets in your school.
Conversion Optimization
Conversion rate optimization (CRO) is the systematic process of increasing the percentage of website visitors who take a desired action — be that filling out a form, becoming customers, or otherwise.
Summary
Contact details are important for your school, as well as testimonials, that can give to the new users a clearer image of the courses, based on previous users.
passed
WARNINGS
FAILED
COMMON CONVERSION PRACTICES
Distracting Elements
Check that visitors are not distracted with irrelevant information that has nothing to do with the action you want them to take.
Congratulations! Your content is clear to the users, you do not have distracting information.
Calls to Actions
Check that calls to actions (buttons, links) are clear to users and all the internal and external links are working properly.
Great job! You've successfully ensured that all calls to action (buttons and links) are clear and intuitive for users. Additionally, all internal and external links are working properly, providing a smooth and seamless navigation experience. This attention to detail significantly enhances the user journey and ensures that visitors can easily engage with the content.
Contact Details
Review the options for contacting (phone, email, live chat, or physical address), and check for missing information.
Congrats! All your contact details are clickable, making it easy for users to get in touch with you. This functionality enhances accessibility and ensures that visitors can reach out quickly through various methods, whether by phone, email, or other communication channels. It’s a great step toward improving user experience and making your site more user-friendly.
Improving the conversions by making a clear headline that tells the user what they’ll get.
Testimonials
Written statement that explain why your product is good to buy it. Showing testimonials can drive validation.
Congratulations! You've added user's testimonials in your school.
You could try adding some more since testimonials provide social proof, showcasing the positive experiences of past or current students. This builds trust and credibility.
You could try adding some more since testimonials provide social proof, showcasing the positive experiences of past or current students. This builds trust and credibility.
Write your awesome label here.
Try to limit the number of options to seven or less. Or better yet, you can categorize your options.
SEO
Search engine optimization is the process of improving the quality and quantity of website traffic to a website or a web page from search engines.
Summary
You have given enough attention in your SEO titles and descriptions. Keywords are just as important as titles and descriptions for your school ranking in search engines! Moreover, it is good to add an alternative text in your images and try to add more internal & external links in your school.
passed
WARNINGS
FAILED
SEARCH ENGINE OPTIMIZATION
SEO Title and Description
Title → The headline that appears in search results, gives an accurate and concise summary of what the page is about.
Description → Short summary of the page content. The more relevant the description is, the more likely a user will visit the page.
Description → Short summary of the page content. The more relevant the description is, the more likely a user will visit the page.
On some pages, you have selected the 'Automatic SEO Extraction' option (e.g., certain Course Pages), while on others, you have manually added the SEO title but omitted the descriptions. Additionally, on some pages you've manually added both the SEO title and description.
To ensure consistency and optimize your site's visibility, all pages should have a complete SEO title, description, image, and relevant keywords.
To ensure consistency and optimize your site's visibility, all pages should have a complete SEO title, description, image, and relevant keywords.
Write your awesome label here.
Heading (H1 - H6)
Heading tags form the core of the content, and help search crawler bots understand what the page is about.
H1
H2
H3
Main title
On some pages, you use more than one H1 tag while on others you don't use one at all. It's recommended to use a single H1 tag per page to ensure better SEO and accessibility. Multiple H1 tags can confuse search engines and may affect the page's ranking. Consider restructuring your headings, using H2 or H3 tags for subheadings, to maintain a clear hierarchy and improve the overall organization of your content.
On some pages, you use more than one H1 tag while on others you don't use one at all. It's recommended to use a single H1 tag per page to ensure better SEO and accessibility. Multiple H1 tags can confuse search engines and may affect the page's ranking. Consider restructuring your headings, using H2 or H3 tags for subheadings, to maintain a clear hierarchy and improve the overall organization of your content.
Write your awesome label here.
Write your awesome label here.
Section headings
You are using H1 for some of your secondary titles. Your secondary titles should be H2.
Instead of using multiple H1 tags, you can use more H2 tags. This will help maintain a clear content hierarchy, improving both SEO and readability. H2 tags are ideal for subheadings, as they allow for better organization of content while ensuring that the primary focus of the page remains clear to both users and search engines.
You are using H1 for some of your secondary titles. Your secondary titles should be H2.
Instead of using multiple H1 tags, you can use more H2 tags. This will help maintain a clear content hierarchy, improving both SEO and readability. H2 tags are ideal for subheadings, as they allow for better organization of content while ensuring that the primary focus of the page remains clear to both users and search engines.
Write your awesome label here.
Subsections
You are following the right structure for your h3 headings
Actual Text
Text should be actual text and not image of text. The text on the website helps search engines determine how to rank it in their search results.
Congratulations! You are not using images of text
Image Alt Text
Check that there are alternative small descriptions in images, that help the indexing in Google search results.
You are not using alt text in your images. Adding descriptive alt text is important for accessibility, as it allows screen readers to describe the images to users with visual impairments. It also improves SEO by providing context for search engines, helping your images rank better and making your content more discoverable.
Write your awesome label here.
Keywords
Check your page keywords. Make sure you have edited the "Page SEO Properties" on each page of your school.
You have added keywords to some of your pages, while others are missing them.
Keywords are important because they tell search engines about the content of your website's page. “Keyword” is also a term that's used to refer to the words and phrases that people enter into a search engine to find information that they're looking for.
Keywords are important because they tell search engines about the content of your website's page. “Keyword” is also a term that's used to refer to the words and phrases that people enter into a search engine to find information that they're looking for.
Slugs
URLs with many characters, letters, or numbers can be confusing to users, and they may hesitate before clicking.
Congratulations! You have selected good url slugs for your pages
Common Pitfalls
When creating a website from scratch or redesigning an existing website, it is important to ensure that your website design not only reflects your brand but is also user friendly. In order to do this, there a few common mistakes you need to avoid during the design and development process.
Summary
You have avoided all of the common pitfalls and created a functional website, which is not only well-designed but also user-friendly.
You can see more details below.
You can see more details below.
passed
WARNINGS
FAILED
Misspelled Content
Check for misspelled words in the content or "wrong" images.
Before you publish a page, be sure that you haven’t left on the page images / names / titles / texts from LearnWorlds layouts.
Notification emails
Testing that notification emails function as they intended and are displayed properly.
Course Units
When making a course unit, be sure that they are not empty.
Congratulations! The course units of your school are not empty but you have some contents as draft. Please remember to review the content before you publish it.
Enable GDPR Settings, for EU Customers.
General Suggestions
Here are some general suggestions we have for your school.
Image Optimization
Write your awesome label here.
Internal / External Links
Write your awesome label here.
General suggestions
Home page
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
The secondary titles inside a page should be the same size. You shouldn't use h1 headigns for secondary sections, only h2 headings and down.
Write your awesome label here.
LMS page
We suggest using smaller font sizes for lengthy texts since it can improve the design and readability of a page for several reasons such as improving visual hierarchy and maximizing space usage (allows for more text to fit within the same space, making the layout cleaner and reducing clutter in designs with space constraints)
Write your awesome label here.
Course pages
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
We suggest adding more white space between your content across all your pages
Write your awesome label here.
Blank pages
Please remember to review all of your content on the published pages for any draft text.
Write your awesome label here.
All pages
On smaller screens, each column should expand to occupy the full width, ensuring optimal readability and a user-friendly viewing experience and the spaces left and right should be reduced.
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
You could use some more cta sections on your school. They are important because they guide the user to take a specific action, such as making a purchase, signing up for a newsletter, downloading a resource, or contacting your school.
Write your awesome label here.
Alignment of elements
Course pages
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
Spacing between elements - Responsive
We suggest you reduce the spacing between sections and columns on mobile devices.
Write your awesome label here.
Write your awesome label here.
Some elements need spacing left and right on smaller screens.
Write your awesome label here.
Write your awesome label here.
Here the space between the buttons can be reduced.
Write your awesome label here.
Also, make sure there are no empty sections on any of your pages that create a lot of white space.
Empty Widgets
There is an empty List in the LKKDU - Korea Course. Make sure you have created your course pages correctly.
Actual Text - Steps
Step 1:
Add Section - Build your Own Layout
Write your awesome label here.
Step 2:
Set the background image in the column and add paddings.
Write your awesome label here.
Write your awesome label here.
Step 3:
Add your Main Text
Write your awesome label here.
Step 4:
Set the background color in the text and add paddings.
Choose the font family you prefer and you will have really achieved the same result.
Choose the font family you prefer and you will have really achieved the same result.
Write your awesome label here.
Image Alt Text
Write your awesome label here.
Dead Links
Checking that calls to actions (buttons,links) are clear to users and all the internal and external links are working properly.
Draft & Empty Pages
Searching for pages that are empty, or older, and they are not used anywhere in the school.
Write your awesome label here.
Negative Margins
You can achieve the same result by using the Layout options from the Page Builder.
Write your awesome label here.
Alt Text
Adding alt text to images. Each image should have an alt text. Not just for SEO purposes, but also for accessibility.
Write your awesome label here.
Dead Links
Checking that calls to actions (buttons,links) are clear to users and all the internal and external links are working properly.
Write your awesome label here.
Background
In this section, in the background image, there is something very specific like a logo, which does not appear because there is an element in front of it. You could use another background image or other layout for this section.
Write your awesome label here.
Below, you can see an example of how you can change the layout of the section.
Write your awesome label here.
Also, you can use the colors you had in the previews layout.
Write your awesome label here.
In your Home Page, it would be better to add more contrast to your background, by making the overlay darker.
Write your awesome label here.
Responsive - Background
On small screens, the background doesn’t look correct, there is a white background on the three columns, and a blue background behind the whole section.
This happens because you have set the background color as white on each column.
This happens because you have set the background color as white on each column.
You can change the background color by setting it on the outside column.
Write your awesome label here.
Course Cards - Grid
You have chosen a course layout with 4 columns but the maximum number of the course cards that are shown is 3.
Write your awesome label here.
You have to change the number 3 to 4, 8 or 12 etc. to for the best alignment.
Write your awesome label here.
CTA Design
In this section, a title with bigger font, should help attract more users.
Also, the label in the button matters. We suggest adding a phrase that would force the users to click the button
Also, the label in the button matters. We suggest adding a phrase that would force the users to click the button
Write your awesome label here.
Below, you can see an example of how you can change the layout of the section.
Write your awesome label here.
In this section, it would be better to add more contrast between the content and the background.
Also, the label in the button matters. We suggest adding a phrase that would force the users to click the button
Also, the label in the button matters. We suggest adding a phrase that would force the users to click the button
Write your awesome label here.
Below, you can see an example of how you can change the layout of the section.
Write your awesome label here.
Draft & Empty Pages
Searching for pages that are empty, or older, and they are not used anywhere in the school.
Write your awesome label here.
Footer - Responsive - Alignment
In Tablet Portrait, the footer alignment could be more accurate.
The columns are not aligned correctly. You can see more details below.
The columns are not aligned correctly. You can see more details below.
Write your awesome label here.
Write your awesome label here.
We suggest that you center the columns as you can see in the image below.
Write your awesome label here.
Write your awesome label here.
Contact Page
Add more info in your Contact Page (phone) and make the links interactive.
Write your awesome label here.
Also, make sure that the social icons work properly.
Write your awesome label here.
Dead Links
Checking that calls to actions (buttons,links) are clear to users and all the internal and external links are working properly.
Write your awesome label here.
Footer - Alignment on Small Screens
On phone portrait, we suggest that you center the footer elements as in the screenshot below.
BEFORE
AFTER
Footer - Alignment on Small Screens
On phone portrait, we suggest that you center the footer elements as in the screenshot below.
It’s more preferable on mobile devices.
It’s more preferable on mobile devices.
BEFORE
AFTER
Text Alignment
Step 1: Write the text
Step 2: Center the column
Done!
Write your awesome label here.
BEFORE THE RIGHT ALIGNMENT
AFTER THE RIGHT ALIGNMENT
Write your awesome label here.
Background
The text is not readable.
You should add more opacity in your background
You should add more opacity in your background
BEFORE
Write your awesome label here.
AFTER
We have some suggestion to make the section more easily readable!
Write your awesome label here.
Readability
Home Page
The input and the button are not easily visible. We suggest you to change the colors.
Write your awesome label here.
About Page
The button is not easily visible. We suggest you to change the color.
Write your awesome label here.
Spacing - Paddings
Suggestion: add paddings at the top, bottom, right & left sides of the columns.
The paddings give “air” in the design and make it look more “clean”.
The paddings give “air” in the design and make it look more “clean”.
Write your awesome label here.
Responsive - Spacing
Make sure that all the elements look fine on small screens. In this course, there are negative margin-tops that affect the elements of the section. The images hide the texts.
BEFORE
AFTER
Custom Sign Up Fields
Create custom sign up fields, and make the registration form more relevant to your school subject.
Write your awesome label here.
Topbar - Responsive
We suggest that you make some changes to the Tablet Landscape screen so that all menu items appear in the topbar.
Step 1:
Change the font-size of the menu items from 25px to 20px-22px.
Write your awesome label here.
Step 2:
Resize the logo on the Tablet Landscape screen as shown below.
Write your awesome label here.
Step 3:
Change or remove the paddings in Tablet Landscape screen as in the screencast below.
Write your awesome label here.
Alignment - Responsive
Don't forget to edit the section on small devices.
You can see below two gifs with before and after making changes on small screens.
You can see below two gifs with before and after making changes on small screens.
In the after gif, you can see how to make these changes from the page builder.
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
Contact Page
Add more info in your Contact Page (phone) and make the links interactive.
Write your awesome label here.
Before sign in/up topbar
On desktop & tablet landscape screens, the register button doesn’t appear correctly. It appears off screen. View more details.
Below you can see how you can fix it by removing paddings/margins & changing the width of the logo.
After sign in/up topbar
On desktop & tablet landscape screens, the "Salir" button doesn’t appear correctly. It appears off screen. View more details.
Below you can see how you can fix it by removing paddings/margins & changing the width of the logo.
Alignment - Responsive
Don't forget to edit the section on small devices.
We suggest that you set the alignment of the social icons to the left for better consistency.
We suggest that you set the alignment of the social icons to the left for better consistency.
Write your awesome label here.
Contact Page
Make the links interactive as you can see in the gifs below.
Phone
Write your awesome label here.
Write your awesome label here.
Spacing
You have added a negative margin to these sections to minimize the distance. You can change the height of the sections by changing / removing the paddings. Check how you can achieve it below.
Write your awesome label here.
Negative Margins
Avoid using negative margins. See below how you can achieve the same result by just using the right layout.
Write your awesome label here.
Full-Width Buttons
In the tablet landscape, in the first section of the Homepage, the two buttons have not enough space between them. We suggest that you change their width to full-width and add margin-bottom of 20px in the first button. In the screencast below, you can see more details of how you can make the changes.
Write your awesome label here.
Spacing
Course Page: The second section, has a margin top. You can remove it, so that the spacing looks more balanced
Write your awesome label here.
Landing Page
Landing page is important.It leads customers to a specific product, service, or offer and encourages them to take action. We suggest some changes in your Home Page, that will improve the user's experience and attract more users to enroll in your school.
Write your awesome label here.
Call-to-actions are important in your hero section.
Please make sure that you add some buttons that can help the users sign up and check your courses.
Please make sure that you add some buttons that can help the users sign up and check your courses.
Write your awesome label here.
Write your awesome label here.
Email Section
We suggest to add more images in your home page, so that it is more appealing for the users.
Before
Write your awesome label here.
After
Write your awesome label here.
Start now section
It is better to add a button that lead the users to the wanted action.
In this case, we lead the user to sign up in your school
In this case, we lead the user to sign up in your school
Write your awesome label here.
Alignment
We suggest centering the elements of the page, in phone & tablet screens.
Write your awesome label here.
Before sign in/up topbar
On tablet landscape screens, the menu items on the right are not displayed correctly. It appears off screen. View more details.
Below you can see how you can fix it step-by-step.
Step 1:
Change the space between the menu-items from Wide to Condensed or Mini.
Write your awesome label here.
Write your awesome label here.
Step 2:
Change the width of the logo from 250px to 200px or 150px.
Step 3:
Remove/change the extra paddings/margins of the columns.
Write your awesome label here.
Write your awesome label here.
Step 4:
Change the width of the topbar from Normal to Full.
Alignment - Footer - Small Screens
Try adding paddings to each widget of the column, then center the footer.
Step 1:
Add paddings.
Write your awesome label here.
Write your awesome label here.
Step 2:
Center the footer for better alignment.
Buttons and Links
Home page
Landing page is important.It leads customers to a specific product, service, or offer and encourages them to take action.
We suggest you add a sign up button that is visible to logged out users and you could keep the previous button (VIEW ALL PROGRAMMES) for the logged in users. Please make sure that you add some buttons that can help the users sign up and check your courses.
We suggest you add a sign up button that is visible to logged out users and you could keep the previous button (VIEW ALL PROGRAMMES) for the logged in users. Please make sure that you add some buttons that can help the users sign up and check your courses.
Write your awesome label here.
Events Page
Write your awesome label here.
Write your awesome label here.
Course Pages
Make sure that all your buttons on your course pages, point to a page or to a link before you publish them.
Write your awesome label here.
Write your awesome label here.
Write your awesome label here.
Write your awesome label here.
1-click-sales Page
Write your awesome label here.
Home old Page
The button points to the wrong action.
Write your awesome label here.
Premium Overview Page
Write your awesome label here.
Professional Overview Page
Write your awesome label here.
Readability
Home Page
The text is not easily visible on the hero section. We suggest you to change the color of the overlay and add a 65% opacity.
Write your awesome label here.
The text is not easily visible on this section. We suggest you to change the color of the overlay and add a 85% opacity.
Write your awesome label here.
Course Pages
The text is not easily visible on this section. We suggest you to change the color of the overlay and add a 85% opacity.
Write your awesome label here.
About Page
The text is not easily visible on the 6th section. We suggest you to raise the opacity up to 65%.
Write your awesome label here.
Premium Overview Page
The text is not easily visible on the hero section. We suggest you to change the color of the overlay and add a 65% opacity.
Write your awesome label here.
Bundle Page
The icons, the button and the boxes are not visible because the brand color and the body background color of your school is the same. We suggest you to change the colors.
Write your awesome label here.
Affiliate registration Page
The button and the text in the pricing columns are not easily visible. We suggest you to change the colors.
Write your awesome label here.
Write your awesome label here.
Pricing Page
The text and the icons are not easily visible. We suggest you to change the colors the same way as in the affiliate registration pricing columns or from the colors in text editor.
Write your awesome label here.
Events Page
The text in the tabs, the text in the 6th section and the button in the 4th section are not easily visible. We suggest you to change the color.
Write your awesome label here.
Write your awesome label here.
Write your awesome label here.
1-click sales
The text in the second section is not easily visible. You should raise the opacity to 70% or higher. The buttons in the payment zone are not visible. We suggest you to change the background color.
Write your awesome label here.
People & Purpose Course
In some of your pages, where you have added a video or an image as a background, you added white color to your text. That is not needed and it is alos difficult for you to read through the side form. Add a background color that has white text on top of it, go to the text editor of each text element, mark the text and then select the color setting.
Write your awesome label here.
Dead Links
Checking that calls to actions (buttons,links) are clear to users and all the internal and external links are working properly.
1-click-sales
Write your awesome label here.
Contact Page
The social link buttons are not pointing anywhere.
Write your awesome label here.
Premium Overview Page
Write your awesome label here.
Events Page
Write your awesome label here.
Write your awesome label here.
Write your awesome label here.
Communication and awareness Course
Write your awesome label here.
Write your awesome label here.
Community building Course
Write your awesome label here.
Alignment
We suggest centering the elements of the page, in phone & tablet screens.
Write your awesome label here.
We suggest centering the height of the elements , in phone & tablet screens.
Write your awesome label here.
We suggest centering the elements of the page, in phone & tablet portrait screens and making the buttons full width on phone portrait screens so they can be easily readable by the users.
Write your awesome label here.
We suggest the images to be full width in smaller screens.
Write your awesome label here.
Spacing
You have many sections in your pages that do not have the same spacing on the top and the bottom.
Write your awesome label here.
There is added space in the text editor and not from the layout tab -> box model -> margin
Write your awesome label here.
We suggest you add enough space between the elements to create visual consistency across the school and to lead a reader from one element to another. The main goal is to make the pages look simple and uncluttered.
Write your awesome label here.
Write your awesome label here.
Topbar - Responsive
We suggest that you make some changes to the Tablet Landscape screen so that all menu items appear in the topbar.
Resize the logo and change or remove the paddings in Tablet Landscape screen as in the screencast below.
Write your awesome label here.
Alignment - Responsive
Don't forget to edit the sections on small devices. Alignment is very important especially on small screens.
Below you can see some examples, which we found in your school's pages.
Check your school and make sure there is consistency in alignment.
Below you can see some examples, which we found in your school's pages.
Check your school and make sure there is consistency in alignment.
Footer Before
Footer After
Before sign in/up topbar
On desktop & tablet landscape screens, the register button doesn’t appear correctly. It appears off screen. View more details.
Below you can see how you can fix it by removing paddings/margins & changing the width of the logo.
Draft & Empty Pages
Searching for pages that are empty, or older, and they are not used anywhere in the school.
Write your awesome label here.
Background
We collected some examples where there is not enough contrast between background image and text.
Write your awesome label here.
Write your awesome label here.
Write your awesome label here.
Write your awesome label here.
Dead Links
Checking that calls to actions (buttons,links) are clear to users and all the internal and external links are working properly.
Write your awesome label here.
Write your awesome label here.
Alt Text
Adding alt text to images. Each image should have an alt text. Not just for SEO purposes, but also for accessibility.
Checking that there are alternative small descriptions in images, that help the indexing in Google search results.
Write your awesome label here.
After login menu links
2 of the after login menu links, are not shown properly on tablet landscape mode.
These are a few things that might help.
- Reducing the font size of the menu links
- Reducing the spacing between the menu links
- Reducing the letter spacing to 1
- Add some menu items, as submenu items to save space
- Change the width of the logo
- Remove paddings and margins
- Reducing the font size of the menu links
- Reducing the spacing between the menu links
- Reducing the letter spacing to 1
- Add some menu items, as submenu items to save space
- Change the width of the logo
- Remove paddings and margins
Write your awesome label here.
Alignment - Responsive
Mobile devices have smaller screens compared to desktops, so proper text alignment helps ensure that content remains readable and visually appealing for users. Here are some considerations for text alignment on mobile views:
Left Alignment: In most cases, left-aligned text works best for mobile views. It's easier for users to read since it follows a natural reading pattern (left-to-right). Left alignment also helps in maintaining consistent line lengths, which reduces the effort needed to track lines of text across a narrow screen.
Centered Alignment: Centered text alignment can be used for headings, short snippets, or certain design elements. However, using centered alignment for long paragraphs can reduce readability, as it disrupts the natural flow of reading.
In general, you are using correct alignment for the text and the titles of your schools. But here are 2 suggestions we have.
BEFORE
Homepage - Coming features section, After login - Coming features section
Write your awesome label here.
AFTER
Write your awesome label here.
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
BEFORE
Homepage - Current features section, After login - Current features section
Write your awesome label here.
AFTER
Write your awesome label here.
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
Dead Links
Checking that calls to actions (buttons,links) are clear to users and all the internal and external links are working properly.
You have added a Sign up button on your homepage, but on Site builder Sign in/up, you have selected that no one can sign up and that you will add your users manually. Maybe you can add a Sign in button instead.
You have the same sign up button on the hero section of the after login page, but the users are already signed up/in when viewing the after login page of your school. It might be a good idea to change the button's text and action.
You have the same sign up button on the hero section of the after login page, but the users are already signed up/in when viewing the after login page of your school. It might be a good idea to change the button's text and action.
Write your awesome label here.
On the Contact us button, on the hero section of the Homepage, there is an on click action of scrolling in the page, but no section has been selected.
It needs to be corrected on the hero section of the after login page as well.
It needs to be corrected on the hero section of the after login page as well.
Write your awesome label here.
Alt Text
Adding alt text to images. Each image should have an alt text. Not just for SEO purposes, but also for accessibility.
Checking that there are alternative small descriptions in images, that help the indexing in Google search results.
Write your awesome label here.
Alt Text
Adding alt text to images. Each image should have an alt text. Not just for SEO purposes, but also for accessibility.
Checking that there are alternative small descriptions in images, that help the indexing in Google search results.
Write your awesome label here.
Alt Text
Adding alt text to images. Each image should have an alt text. Not just for SEO purposes, but also for accessibility.
Checking that there are alternative small descriptions in images, that help the indexing in Google search results.
Write your awesome label here.
Write your awesome label here.
After sign in/up topbar
On tablet landscape screens, the Me button doesn’t appear correctly. It appears off screen.
Below you can see how you can fix it by removing paddings/margins & changing the width of the logo.
Before sign in/up topbar
On tablet landscape screens, the Free Enrollment call button doesn’t appear correctly. It appears off screen.
Below you can see how you can fix it by removing paddings/margins & changing the width of the logo.
Pop ups
Below you can see how you can change the buttons to full width on phone portrait screens.
We suggest you change the flex columns to box columns, with full width and stacked one on top of the other. Also, the text should be visible first, for the user to read and interact with it and the image should appear below it.
Write your awesome label here.
In the Webinar pop up, except from the column changes on phone portrait, we suggest changing the image position to stretched instead of centered. The centerd position, adds a lot of white space above and below the image. The image can also be edited and cropped.
Write your awesome label here.
Alignment - Responsive
Mobile devices have smaller screens compared to desktops, so proper text alignment helps ensure that content remains readable and visually appealing for users. Here are some considerations for text alignment on mobile views:
Left Alignment: In most cases, left-aligned text works best for mobile views. It's easier for users to read since it follows a natural reading pattern (left-to-right). Left alignment also helps in maintaining consistent line lengths, which reduces the effort needed to track lines of text across a narrow screen.
Centered Alignment: Centered text alignment can be used for headings, short snippets, or certain design elements. However, using centered alignment for long paragraphs can reduce readability, as it disrupts the natural flow of reading.
In general, you are using correct alignment for the text and the titles of your schools. But here are some suggestions we have.
About page
The Check icons should be aligned with the tex. They can either be left aligned above the text or both the text and the check should be center aligned.
Write your awesome label here.
In a section like the one below, you can also center align the small titles with their description, not only the title.
Write your awesome label here.
Alignment of elements
About page
Write your awesome label here.
Write your awesome label here.
Functional nurse academy course page
Write your awesome label here.
Home page
We suggest reducing the size of the icons, so they can be aligned with the titles.
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
Spacing between elements
Home page
We suggest you add all the testimonials columns in the same section and reduce the spacing between them.
Write your awesome label here.
Home page
You can reduce the top and bottom padding in this section - the height of it - so it can match the spacing of the other sections.
Write your awesome label here.
Access page
It's not recommended to add spaces between elements with empty box elements. You can add space with margin or padding.
Write your awesome label here.
Functional Nurse Academy course page
If you want to add space above and below the text, inside a column, you can do so with padding. There is no need to use the spacer element.
Write your awesome label here.
Functional Nurse Academy course page
We suggest you add padding inside the columns with background color.
Write your awesome label here.
Practicioner Toolkit page
Make sure there are no empty sections on any of your pages.
Write your awesome label here.
Grid columns - Layout
Directory page
In tablet landscape screens, the column with the image inside, has a very small width and as a result the image becomes very small. We suggest you review this page again on responsive.
Write your awesome label here.
Spacing between elements - Responsive
About page
We suggest you reduce the spacing between sections and columns on mobile devices.
Write your awesome label here.
Write your awesome label here.
Some elements have additional space above or below them that needs to be removed.
Write your awesome label here.
Access page
Write your awesome label here.
Functional Nurse Academy (Spring 2024 Cohort) course page
User Interface Design Spacing, the use of spacer elements is not needed for adding space inside column.
Write your awesome label here.
Remnant page
Write your awesome label here.
Practicioner Toolkit page
Make sure there are no empty sections on any of your pages.
Write your awesome label here.
General suggestions
About page
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
Functional Nurse Academy (June 2023 Cohort) page
BEFORE
Write your awesome label here.
AFTER
Write your awesome label here.
Draft & Empty Pages
Searching for pages that are empty, or older, and they are not used anywhere in the school.
Write your awesome label here.
Topbar - Responsive
We suggest that you make some changes to the Tablet Landscape screen so that all menu items appear in the topbar.
Fix:
Reduce the paddings of the navigation menu
Write your awesome label here.
Layout Suggestion
We suggest that you make some changes in the layout, so that the button stands out more.
Step 1:
Remove the full width button
Write your awesome label here.
Step 2:
Add a CTA section with a title and a button that leads the users to see the courses of your school.
Write your awesome label here.
Created with
