ALBERTA YOUNG ENTREPRENEURS ASSOCIATION
Fully custom website for Alberta's grassroots entrepreneur network, featuring event showcases, animated hero sections, partner marquees, and a bold brutalist-modern design.
Founded in 2024 with 68+ members, AYEA connects young founders with mentorship, high-profile networking events, and partnerships with brands like Lexus of Edmonton and West Edmonton Mall. They needed a website as bold as the community they're building. We designed and built a fully custom brutalist-modern aesthetic from scratch: warm cream tones, burnt orange accents, handwritten script fonts, and 3D card effects.
Fully custom design with no templates, no themes, 100% original from the ground up
6 fully designed pages: Home, About, Events, Partners, News, and Contact
Custom animations including script text reveals, event carousels, partner marquees, and staggered page transitions
Mobile Experience
Full-screen mobile menu with staggered animations, touch-optimized event sliders, and responsive typography.
Content & Value Props
Brutalist-style 3D cards with solid borders and offset shadows present AYEA's core pillars: Learn, Connect, and Grow.
Section Transitions
Custom SVG wave dividers create organic transitions between the warm cream and dark navy sections.
Event Showcase System
Custom carousel slider with snap scrolling, dot navigation, and keyboard support, showcasing AYEA's networking events, roundtables, and galas with photo galleries organized by year.
Custom Animations
Handwritten script text reveals using CSS gradient animations, staggered mobile menu transitions, floating elements, and SVG stroke animations, all performant with no JavaScript libraries.
Partner Marquee & Branding
Infinite-scrolling partner logo carousel with edge-fade masking and hover-to-pause, featuring Lexus of Edmonton, West Edmonton Mall, and 6 other brand partners.
The technical challenges were significant. We built a custom event carousel with snap scrolling and dynamic width calculations, an infinite partner logo marquee with CSS mask-image edge fading, and animated script text reveals using pure CSS gradient background-clip techniques. The site ships as static Astro HTML with Alpine.js only where interactivity demands it, keeping the bundle lean and the load times fast.
EXPLORE MORE PROJECTS
Phoenix Fence
Western Canada's leading fence manufacturer, supplier and installer since 1981. A complete rebuild that consolidated 119 legacy pages into 36, with a mega menu spanning every fence system, a 183-document spec library, and a custom estimate engine that routes every lead to the right branch.
Read Case Study
TKA Custom Printing
One of our most detailed designs yet: a fully custom e-commerce platform for a 3D printing company based in Edmonton, with a hero that prints itself into place, generated layer-line textures, scroll animations that build like a 3D print, a 105-colour library, secure Helcim checkout, and a fundraising engine that sends 20% of every order to a local school or club.
Read Case Study
Green Oasis Services
A CMS-powered platform for one of Alberta's most trusted lawn care and vegetation management companies, serving residential, commercial, and industrial clients province-wide.
Read Case StudyWant Results Like These?
Get a free consultation to discuss your project. No pressure, no sales pitch, just an honest conversation about what you need and how we can help.