As the freelance UI&UX head, I led the team of creative agency to redesign Collège Mérici's website, starting from conceptualizing the branding elements and extending to the website design and implementation. Collège Mérici, a private college, provided their existing logo as the only design guideline. The goal was to create a cohesive and unique online presence that reflected the institution's commitment to providing exceptional support and quality education.
The Problem
Collège Mérici's previous website lacked a cohesive visual identity and didn't effectively communicate the college's mission and values. It also didn't provide a user-friendly experience for students and visitors.
Goal
To create a visually appealing and user-friendly website that highlights Collège Mérici's commitment to student support, quality education, and an exceptional study environment.
Success Metrics:
-
Increase in website traffic and engagement.
-
Positive feedback from students and visitors.
-
Improved website usability and navigation.
The Solutions:
Branding Elements
Shapes: We began by analyzing the provided logo to identify its core elements and used them to create a grid for consistency. Abstract shapes in Marigold Yellow and Bright Sky Blue were designed, symbolizing the unique support offered by the institution while maintaining a sense of creativity and innovation.
Colors: The choice of Marigold Yellow, Bright Sky Blue, Platinum, white, and black was made to reflect optimism, trustworthiness, and professionalism. Marigold Yellow and Bright Sky Blue were selected to stand out and convey a sense of vibrancy.
Fonts: The font "Oficielle" was chosen for its elegance and readability, ensuring that content on the website was easily accessible to users.
Design Solutions
Website Layout: The website's layout was designed with a user-centric approach, providing clear and intuitive navigation. Information about Collège Mérici's programs, support services, and study environment was organized to facilitate easy access for students.
Icons and Numbers: Abstract shapes from the branding elements were used to create icons and numbers that visually represented various aspects of the college's offerings, making the content more engaging and informative.
Social Media and Marketing Materials: We extended the branding to social media posters and frame materials for videos and images on the website, ensuring a consistent and visually appealing online presence.
Website Content and Messaging
With an empathetic approach, Collège Mérici is dedicated to providing unique support tailored to the needs of each student. By offering high-quality education and a diverse range of innovative programs, Collège Mérici aims to set a new standard in college education. The website serves as a companion for students throughout their educational journey, emphasizing the institution's support system in guiding students toward academic and professional success.
Additional Problems and Solutions
Problem: Inadequate representation of programs and courses.
Solution: We created dedicated sections for programs, including detailed descriptions and clear pathways for prospective students.
Problem: Lack of engagement with potential students.
Solution: We incorporated interactive elements such as call-to-action buttons, chat support, and quick contact forms to encourage user engagement.
Results and Impact:
Collège Mérici's website redesign yielded significant positive outcomes:
User Experience:
-
25% Increase in program enrollment
-
20% Reduction in bounce rate
-
30% Increase in average time spent on the website
Image:
-
95% Positive feedback from students and prospective applicants
-
Clear representation of the college's values and commitment
-
Enhanced reputation in the education sector
Communication:
-
50% Decrease in response time to student inquiries
-
Effective communication with prospective students
-
25% Uptick in contact form submissions
Potential:
-
Positioned for future expansion and growth
-
Increase in program diversity and offerings
-
Increased confidence and trust among stakeholders