DiLLA — Digital Leadership Learning Academy Website
A modern, mission-driven website for a digital literacy and leadership initiative. Designed to communicate impact, showcase training programs, and guide users toward learning paths, applications, and partnerships through a clean, trust-focused UI.
Client
DiLLA
DELIVERABLES
UX research UI designs Prototypes Branding
Year
2024
Role
UI/UX designer
DiLLA is a digital learning initiative equipping young people, creators and institutions with the skills for ethical and impactful digital leadership. The website was designed to clearly present its mission, structured learning paths and community programs while maintaining a sense of trust, clarity, and inspiration. The interface focuses on simple navigation, strong typography and meaningful storytelling making it easy for users to explore programs, apply or partner with the academy.
I designed the DiLLA homepage to feel inspiring and purposeful using a full-width hero image and clear CTAs that immediately communicate the academy’s mission. The layout flows naturally from an emotional introduction to key programs, impact highlights and a strong community call-to-action. Warm colors, clean typography and real imagery were used to build trust and empathy. Every section was structured for quick scanning on mobile while maintaining a balanced visual rhythm on desktop.
I maintained consistency across the DiLLA website by using a unified visual system a warm, earthy color palette, clear typography hierarchy and repeated layout patterns for program cards and CTAs. Components like buttons, icons and section spacing followed a shared design grid, ensuring coherence across pages. Imagery style stayed authentic and people-focused, while the tone of text and visuals consistently reflected DiLLA’s values of empathy, ethics and leadership.
I used subtle animations throughout the DiLLA website to create a smooth, engaging browsing experience without distracting from the content. Elements like the hero text and buttons fade or slide in as users scroll giving the interface a sense of depth and flow. Program cards lift slightly on hover, metrics count up dynamically and section transitions feel fluid to guide attention naturally. These micro-interactions were designed to make navigation feel intuitive and alive reinforcing DiLLA’s modern and inspiring brand personality.