I built the front end for the full Concordia University Wisconsin Athletics site while working at SIDEARM Sports. The design came from our internal design team, and my role was to take their Figma files and turn them into the finished, responsive site.
What I worked on
I integrated the components across the entire site, from the main navigation and homepage sections to the reusable patterns that support schedules, stories, videos, and the rest of the athletics content.
- Full-site front-end integration
- Translating Figma designs into responsive components
- Working within the SIDEARM platform and its existing data
- Making the experience work across desktop and mobile
The video section
The video section was the most interesting part for me to build. The active video sits in the center while the previous and next videos peek in from either side of the screen.
It is a small design detail, but it makes the section feel more interactive and gives people a clear hint that there is more content to explore. Building it meant paying close attention to spacing, overflow, and how the layout changed at different screen sizes.
Visit the live Concordia University Wisconsin Athletics site