Como la mayoría de las empresas, los proveedores de educación necesitan sitios web que estén bien diseñados y proporcionen a los estudiantes potenciales todo lo que necesitan saber sobre una escuela o un curso. Esto significa que hay muchos sitios web educativos en Internet que te ayudarán a inspirarte para tus propios diseños y, como en la mayoría de los campos, algunos de esos sitios web están creados con Divi .
Aquí está la lista de 17 ejemplos de sitios web educativos hechos con Divi. Algunos son folletos que brindan información sobre una escuela, mientras que otros brindan clases en línea. Van desde escuelas grandes y muchos instructores hasta cursos individuales con un instructor. Son una excelente manera de obtener inspiración para el diseño de diseño, la navegación, el color, las imágenes, las fuentes y más. Los sitios web no están en ningún orden en particular.
Silcoates School presenta un control deslizante de pantalla completa completo con video. Una barra de mensajes en la parte superior incluye un enlace para registrarse por correo electrónico. A esto le sigue un gran menú con colores de marca y enlaces a las distintas escuelas. La navegación incluye enlaces a la admisión, el calendario y la información académica. También se incluyen múltiples blogs, galerías de las clases con los estudiantes y más. Los cursos en línea se proporcionan a través de Moodle .
2. Rastreo IQ
IQTrace tiene un diseño de página de inicio limpio que incluye parallax, superposiciones transparentes, varios llamados a la acción, pruebas sociales, información escolar y una sección de contacto. Una página llamada Junta de Gobierno que usa un módulo de Persona para mostrar imágenes con enlaces de redes sociales y un inicio de sesión para que pueda ver sus reuniones de la junta en línea. La página de Estudiantes y padres tiene un inicio de sesión para los estudiantes, muestra los beneficios de la escuela y muestra testimonios de padres. La página de inscripción proporciona toda la información de inscripción. Noticias y Eventos es un blog. Cada una de las páginas sigue el mismo diseño limpio de la página de inicio.
3. Academia Accrington
Accrington Academy incluye múltiples enlaces con un menú desplegable dentro de la sección del elemento del encabezado del menú superior. Incluye un control deslizante con animaciones de desplazamiento vertical, una llamada a la acción, información sobre la escuela con superposiciones de varios colores sobre un fondo de paralaje, publicaciones de blog, un calendario, suscripción a boletines informativos, publicaciones de Twitter y más. El calendario utiliza el complemento EventON y detalla los eventos por día. Cuando hace clic en un día, muestra una imagen, más detalles sobre el evento, la dirección y un mapa de Google con direcciones.
4. Facultad de diseño de cabello
College of Hair Design hace un excelente uso del color e incluye un control deslizante con CTA, una sección que resume los cursos con enlaces y fechas de inicio, una sección con publicaciones de blog y un formulario de contacto, testimonios, videos y muchos enlaces en el pie de página. Una barra de mensajes con un CTA permanece en la parte inferior de la pantalla. La barra de mensajes se puede cerrar haciendo clic en la x. La navegación incluye muchas páginas acerca de, enlaces a los diversos programas, información de inscripción, información sobre los servicios, un blog y una página de contacto.
5. Casa Crompton
Crompton House presenta un diseño limpio con un menú en la barra de información superior y una barra lateral en la página de inicio. Incluye una imagen grande con CTA, información con imágenes, descargas y una sección de blog de mampostería en una cuadrícula que incluye animaciones deslizantes al pasar el mouse. La barra lateral incluye un CTA, los últimos tweets y un calendario de eventos que muestra más información al pasar el mouse con un enlace para ver la versión más grande del calendario, que funciona con All in One Event Calendar . El sitio web incluye muchas páginas detalladas sobre los cursos, académicos, vida escolar, eventos y más.
6. Escuela de cocina italiana
Italian Cooking School incluye una imagen de ancho completo con texto en paralaje, seguida de una sección acerca de con íconos de seguimiento social, una sección para recorridos y clases, testimonios, publicaciones de blog y un formulario de contacto. La página de la escuela proporciona información sobre la cocina mediante texto e imágenes. La página Clases muestra las próximas clases con información detallada, imágenes y un botón de registro y un botón de certificado de regalo impulsado por WooCommerce . La página de Tours proporciona un itinerario e información de compra. Los colores y las fuentes le dan un aspecto elegante.
7. Nueva Escuela de Finanzas
New School of Finance incluye una imagen principal de ancho completo con un video que se reproduce al hacer clic. A esto le sigue un formulario de suscripción de boletín delgado, una sección sobre la escuela, cursos destacados, un control deslizante de pantalla completa para testimonios, sobre el instructor y otro formulario de boletín. El sitio hace un gran uso del color y de las imágenes grandes del instructor y los estudiantes. El diseño de la página del catálogo de cursos muestra imágenes interesantes con detalles del curso y llamadas a la acción.
8. Escuela inteligente de redacción publicitaria
Clever Copywriting School hace un gran uso de íconos y anuncios publicitarios para la navegación del sitio. La página de inicio incluye una imagen de héroe con CTA, navegación con íconos grandes, información con un video y CTA, recursos, CTA y testimonios, y publicaciones de blog. La página de cursos muestra imágenes con enlaces a los cursos como productos de WooCommerce.
9. Participar en vivo
Engage Live incluye una elegante página de inicio con imagen de héroe y CTA, un video de una clase destacada con un enlace para registrarse, suscripción por correo electrónico, carrusel de clase creado con WooCommerce, control deslizante de testimonios, publicaciones de blog y más CTA seguidos de una lista de patrocinadores La página de Talleres usa EventON para crear un calendario nítido que se abre para mostrar los detalles del evento con imágenes y videos de ancho completo. La página Clases en línea muestra los cursos como productos de WooCommerce. La página Directorio incluye un cuadro de búsqueda de ancho completo con categorías en un cuadro desplegable y una búsqueda de palabras clave junto con categorías que se muestran como galerías.
10. Academia Preparatoria y de Liderazgo E3
E3 Preparatory and Leadership Academy utiliza un diseño simple y limpio. La página de inicio muestra imágenes con enlaces a las distintas páginas sobre la escuela, admisiones, cursos, vida estudiantil y más, seguidas de íconos sociales e información de contacto. Las páginas conservan el aspecto limpio y agregan elementos como paralaje y acordeones para la información del curso. Los acordeones ayudan a contener la gran cantidad de información sobre los cursos y mantienen la navegación al mínimo.
11. Academia de Windsor Bergen
Windsor Bergen Academy utiliza una paleta de colores brillantes para atraer a su público principal. La paleta de colores se usa de manera consistente en todo el sitio web junto con las imágenes y el material gráfico adecuados. La página de inicio utiliza Calendario de eventos todo en uno para proporcionar información sobre fechas importantes. Los enlaces a las diversas clases y la información de la escuela se proporcionan en un mega menú.
12. Instituto de Música Gamma
Gamma Music Institute tiene una página de inicio que usa mucho parallax e incluye una imagen de pantalla completa, un control deslizante, una galería con enlaces a los diversos cursos, varios CTA y una sección de contacto y seguimiento. Las páginas de cursos brindan información detallada sobre el curso, el instructor, los costos, las fechas, etc. La página de maestros utiliza módulos de texto e imágenes para brindar información sobre los instructores. La página de contacto incluye preguntas frecuentes sobre acordeones. Este sitio hace un gran uso del color para adaptarse al tema.
13. Escuela secundaria preparatoria Windsor
Windsor Prep High School tiene un diseño limpio que encaja bien con lo académico. Los elementos del menú se agregan a la barra de información superior. La página de inicio incluye una imagen destacada, una introducción a la escuela, el Calendario de eventos todo en uno para brindar información sobre fechas importantes, enlaces de íconos a las páginas principales, imágenes alternas con texto para brindar información y CTA, un formulario de contacto y un completo ancho del mapa de Google. El diseño hace un buen uso del rojo y el crema en todo el sitio web.
14. Escuela de puntada
School of Stitch utiliza una imagen de héroe seguida de una suscripción de correo electrónico grande y su historia con imágenes y un enlace a la página del equipo. El complemento de calendario EventOn crea un calendario interactivo de sus cursos, que muestra la fecha, la descripción, las imágenes, los mapas, etc. WooCommerce se utiliza para comprar los cursos. Contact Form 7 se utilizó para crear un formulario interesante con imágenes e íconos. El sitio utiliza rojo, azul, blanco y tostado para crear una paleta elegante.
15. Instituto Levenshulme
Levenshulme High utiliza un diseño limpio que incluye fondos de video, controles deslizantes de publicaciones, imágenes con enlaces a varias páginas, información del director con un calendario, paralaje y más. Utiliza enlaces en el menú superior. Las páginas de descripción del curso son claras y detalladas. La página de vacantes utiliza una buena función de búsqueda con palabras clave y ubicación, y casillas de verificación para filtrar los resultados.
16. Escuela de Estrategia Digital
Digital Strategy School incluye una interesante paleta de colores, filtros e información del curso dentro de la imagen del héroe. La página de inicio también muestra los beneficios, un CTA, descripciones de cursos, testimonios, prueba social y muchas historias de éxito. Utiliza diferentes diseños para mostrar los diversos testimonios y casos de éxito. La página de Historias de éxito utiliza citas e imágenes en bloque para crear testimonios. Hacer clic en uno lo lleva a la historia de éxito de sus ex alumnos. Este sitio web coloca todo lo que necesita saber en la página de inicio para mantener un diseño con una navegación mínima.
Pensamientos finales
Estos 17 ejemplos de sitios web educativos creados con Divi demuestran que Divi se puede usar para crear excelentes sitios para cualquier tipo de necesidad educativa, ya sean grandes escuelas, clases en línea o cursos individuales. Estos sitios son excelentes para proporcionar ideas para diseños, colores, navegación, uso de imágenes y videos, animaciones, etc. Si necesita inspiración para el diseño de un sitio web educativo, seguramente encontrará algo que lo ayude.
¿Cuáles son algunos de tus elementos favoritos de estos sitios educativos de Divi? ¡Háganos saber en los comentarios a continuación!
Imagen destacada a través de Serhiy Smirnov / shutterstock.com