Calgary TELUS Convention Center Annual Report

Home Page

The quote at the bottom subtly fades in as users scroll, providing an understated touch of interactivity while staying true to the client’s request for simplicity. A consistent navigation panel at the bottom of every page ensures users can explore sections like leadership messages, board introductions, and financial overviews effortlessly, delivering a user-friendly experience that aligns with the CTCC’s vision for accessibility and clarity.

Board of Directors Page

The professional portraits of each director are lazy-loaded, ensuring fast load times while maintaining a seamless user experience. Each portrait is paired with the director’s title and affiliations, offering clarity without unnecessary clutter.

The block on the top-right featuring “Board Notes” posed an interesting challenge. Unlike the uniform grid layout of the portraits, this block had to extend to the right edge of the page, dynamically adapting to varying screen widths. Careful attention was required to align the text with the edges of the pictures below, ensuring the design remained cohesive and visually balanced across all devices.

"Our Ongoing Relationships" Page

I incorporated subtle parallax effects on this page, including a background logo and an exterior image of the Calgary TELUS Convention Center at the bottom. These elements were carefully designed to resize and adapt seamlessly across all screen sizes, enhancing the visual flow of the page. Balancing aesthetics with functionality was no small feat, but the end result was worth all the hassle.

"What We Accomplished" Page

This page incorporates multiple parallax elements, such as branded graphics and dynamic images of Calgary. These effects add depth and motion, drawing attention to each section without overwhelming the user.

The challenge, once again, was ensuring the parallax effects maintained their quality and alignment across all screen sizes, which required fine-tuning both the visuals and responsiveness.