A university club sports team looking to build an official website on a small budget.
UX designer, front-end developer
Here is a video walkthrough of umdcrew.com
The site follows the University of Maryland’s font guide and color palette. A light/dark mode toggle extends the site’s versatility while maintaining legibility and contrast standards.
Impact: Creates a visual identity that aligns with university standards, and improves user recognition across digital platforms.
Using flexible CSS layouts and media queries, the site adapts to various screen sizes. Components like the navigation, carousel, and accordion were optimized for mobile-first interaction, ensuring all content is readable and functional on any device. Accessibility features, such as high color contrast and semantic HTML, support inclusivity and ADA compliance.
Impact: Enhances usability and ensures consistent experiences for all users, including those on mobile devices or with assistive technologies.
The HTML structure employs descriptive metadata, semantic headings, and keyword-rich text to improve visibility on search engines.
Impact: Increases site discoverability, boosts SEO rankings, engagement, and retention, especially on slower networks.
Prominent “Instagram” and “Donate” call-to-action buttons, along with visually engaging image galleries, were strategically placed within high-traffic sections. The interface integrates subtle hover effects, gradient overlays, and icons that guide users toward action without overwhelming the design.
Impact: Strengthens community engagement, drives social growth, and simplifies support opportunities for visitors motivated to contribute to the team’s success.
Improve organization and efficiency of my code.
Portfolio/Club_Crew