Design UX/UI pour université d'entrepreneuriat et innovation en Arabie Saoudite
MBSC Observatory - Homepage Design
MBSC Observatory est le site institutionnel du Prince Mohammed Bin Salman College, une université en Arabie Saoudite dédiée à l'entrepreneuriat, l'innovation durable et le soutien aux entreprises familiales. Le projet consiste en la conception complète de l'expérience utilisateur et de l'interface visuelle sur Adobe XD.
Le design propose une identité visuelle moderne et professionnelle avec une palette de couleurs institutionnelles (bleu marine, rouge, beige), une structure claire présentant les services de l'observatoire (innovation, recherche, écosystème), des sections "About", "Partners", "Knowledge Delivery", "Services", "News & Blog", et un système de navigation fluide. L'accent est mis sur la crédibilité académique et l'innovation entrepreneuriale avec des visuels de qualité montrant étudiants, professeurs et partenaires (KPMG, autres).
🖼️ Hero Section
Hero avec slogan et CTA principal
🖼️ About Section
Section About avec mission
🖼️ Ecosystem Section
4 cards Explore Ecosystem
🖼️ News & Blog
Section articles et actualités
🖼️ Video Section
Vidéo hero avec overlay texte
🖼️ Design System
Couleurs, typo, composants
Analyse universités saoudiennes concurrentes, benchmark sites académiques internationaux, compréhension culture locale et codes visuels arabes, définition des 3 personas (étudiants/entreprises/partenaires).
Définition arborescence site (6 sections principales), wireframes basse fidélité des pages clés, user flows pour parcours étudiants et entreprises, validation structure avec client.
Création palette couleurs institutionnelle (bleu marine, rouge, beige), sélection typographie (lisibilité maximale), définition style photographique (professionnelle, diverse, inspirante), mood board validation.
Design complet homepage sur Adobe XD, création composants réutilisables, design 15+ écrans (about, services, news, contact), intégration vraies photos et contenus, animations micro-interactions.
Prototype interactif Adobe XD avec transitions, tests utilisabilité avec 5 personnes, ajustements basés sur feedback, documentation design system complet, handoff aux développeurs avec specs.
Palette bleu marine (#0A2463) + rouge (#E41E31) + beige crème pour crédibilité académique et modernité
Layout 12 colonnes avec espaces généreux, sections bien délimitées, hiérarchie visuelle claire
Slogan puissant "The Rise of a Collective Impact Initiative" avec photo groupe dynamique et CTA rouge
4 cards "Explore Ecosystem" avec photos qualité et CTA "Discover" pour navigation intuitive
Section vidéo avec overlay texte inspirant et play button centré pour engagement maximum
Composants réutilisables (boutons, cards, navigation), typographie cohérente, spacing system 8px
Le design proposé capture parfaitement notre vision d'innovation et d'entrepreneuriat. L'identité visuelle est à la fois institutionnelle et moderne, reflétant notre ambition de devenir un hub d'innovation majeur en Arabie Saoudite. Les maquettes Adobe XD ont été validées rapidement et ont facilité le développement.
Créons ensemble une identité visuelle moderne et des maquettes professionnelles