UI/UX Design Conception for two strategic web pages for a campus
- Garanti
Brief de Web Design
https://www.h3campus.fr/
A. Training Page (Template) Specifications
This template page must be dynamic and comprehensive for presenting each course. The design must incorporate a Color Code distinction to visually differentiate the educational levels: BTS, Bachelor, and Master.
Required Content and Functionality:
Essential Information: Title, Course Description, Educational Objectives, Key Strengths, and Results (including success rates and professional integration data).
Practical Modalities: Clear sections for Study Modalities (work-study/full-time), Duration, Costs, and Start Date.
Curriculum Details: Detailed Program of studies and the structure of Exams.
Career Guidance: Specific sections for Further Studies and precise Career Prospects (Career Opportunities).
Access: Clearly state the eligibility conditions (Prerequisites).
Engagement Elements: Include a Testimonials section and a Cross-Training block ("See other training programs").
Optional Content: A provision must be made for an optional section to display available Work-Study Offers.
Visual Badges: Integration of clear visual stickers: "Alternance possible" (Work-Study available), "Only en alternation" (Work-Study only), and the Parcoursup logo/mention.
ex :
https://www.isefac.org/bts-en-alternance/bts-communication
https://www.inseec.com/program/bts-comptabilite-et-gestion/
https://www.isefac.org/ecole-communication/bachelor-communication-relations-publics-influence
B. Campus Page Specifications
The core objective is to maintain a sense of proximity with candidates and the image of a human-scale school, despite the school's national expansion.
Required Content and Functionality:
Campus Offerings: A list of training programs available at this specific campus.
Practical Information: Addresses, Phone numbers, Opening hours, and Public transport options.
Campus Life: Highlight the Key Strengths of the campus (infrastructure, facilities, atmosphere) and include the Director's Welcome Note.
Visual Experience: Feature a Photo/Video Gallery of the campus for an immersive experience.
Calls to Action (CTAs): Prominently feature CTAs for Applications and Open Houses.
Events: A dedicated Event Block for news (Open Houses, Job dating sessions, etc.).
Performance: Display Key Figures (Success rates, employment rates, student numbers).
Recruitment: Highlight Work-Study Offers specific to the campus.
Social Proof: Integration of a Google Review plugin that must be designed to filter and display only 4 and 5-star ratings.
ex :
https://www.euridis-ecole.com/campus/campus-de-paris/
https://www.omneseducation.com/nos-etablissements/campus/
https://www.eec-paris. com/about/
3. 🛡️Key Constraints and Requirements
The selected provider must strictly adhere to the following:
Adherence to the Graphic Charter (Critical Requirement): Use exclusively the colors, typography, logos, and graphic elements defined in the H3 Campus graphic charter. The brand identity must not be altered.
Accessibility and Responsive Design: Designs must be optimized for seamless viewing on all devices (Desktop, Tablet, Mobile).
User Experience (UX): Ensure a clear information hierarchy and intuitive user journey to maximize conversion (brochure download, application).
Desktop and Mobile versions for both pages.
Nombre de Pages Demandé
2 page
Aspect
Chaque curseur illustre les caractéristiques de la marque client et le style que doit transmettre votre design de logo.