Create visually stunning and accessible pages
Create a beautiful page where your community members can navigate and absorb your content easily. Whether you're looking to revamp an academic section or create an information page, following these guidelines will ensure your pages are both beautiful and functional.
Utilize the full-width image as a hero section
A compelling hero image can set the tone for your entire page, capturing attention and immediately conveying your message.
Here's how to maximize the impact of your hero image.
Optimal Image Sizing
For a full-width hero image, aim for an image resolution of at least 1200 pixels to maintain clarity on most images. For a banner-like effect, you can use a 3:1 ratio such as 1200 x 400 px. Tools within Edlio can help compress images without losing quality.
Use a horizontal top navigation or a side menu
Navigation is like a roadmap to your site. Use the page layouts to select where you want to display your section menus.
Simplicity is Key
Limit the number of menu items to avoid overcrowding. Organize items in the order of importance or relevance.
Consistent Categories
Group related pages under their respective categories and sections for a streamlined user experience.
Effectively use buttons and links
Buttons are the call to action for your site visitors. Make them easy to find.
Color
The best practice is to use colors that contrast with the background but are still in harmony with the overall design palette. Edlio already has buttons that use your site's theme colors to assist with this.
Placement
Position buttons at pivotal spots where users are most likely to make decisions, such as signing up forms and external log-in pages.
Incorporating Staff Blocks with Photos
Personalize your page and build trust by featuring photos of teachers and staff members. You can add a staff page or add a single staff member's block as the point of contact for your site visitors.
Photo Guidelines
Make sure all photos are high-quality and uniformly sized. For best results, upload a square image at least 200 x 200 px.
Create pages with accessibility in mind
Accessibility should never be an afterthought. Here's how to integrate accessibility into your page from the start.
Follow Edlio's Accessibility Guidelines
Familiarize yourself with the guidelines provided on Edlio's Accessibility page.