Design Audit: Barcbots.com Redesign
The audit that reframed barcbots.com from a functional archive into a design system problem with clear structural and visual priorities.
What the audit found
The original site already contained strong content: team history, award records, season pages, robot photography, and sponsor information. The gap was not substance. The gap was presentation.
Across the site, generic card patterns, inconsistent emphasis, and a lack of visual hierarchy made a high-achievement robotics team feel less precise, less modern, and less memorable than it should have.
Design direction
The redesign direction was intentionally Apple-inspired: refined minimalism, a narrow editorial rhythm, disciplined spacing, strong type, and color reserved for semantic meaning rather than decoration.
- Use typography as the primary tool for hierarchy, with expressive hero sizes and precise uppercase labels.
- Keep the foundation monochrome so award colors and event badges become scannable information, not visual noise.
- Replace broad, template-style page structures with denser editorial layouts that tell a clearer story.
- Treat motion as polish and trust-building, not as entertainment.
Global changes identified in the audit
- Simplify the navigation to six clean text links and make it sticky.
- Replace generic web typography with a tighter, more deliberate scale.
- Introduce a semantic color system for six award types and four event badge types.
- Narrow the primary content width to create a cleaner editorial feel.
- Standardize a single hero pattern across pages.
- Add restrained motion, hover states, and dark mode support as baseline polish.
Page-by-page critique
- Home: Too many competing stats and visual blocks. The redesign consolidated the story into one clear hero, a tighter stats row, and cleaner featured-season framing.
- Competitions: The archive was visually heavy and slow to scan. The audit pushed toward filtering, tighter summaries, and more consistent card treatment.
- Awards: The strongest content on the site was also the least legible. This became the core redesign opportunity because the page had no hierarchy, no visual categorization, and no quick summary of the team’s achievements.
- Robot: Strong imagery existed, but the layout did not give it enough space or structure. The redesign moved toward a larger hero and gallery logic.
- Media: The page underused the team’s video presence and needed a stronger featured-channel treatment.
- About: Valuable copy was fragmented across too many sections. The redesign simplified it into value blocks with clearer pacing and CTA hierarchy.
- Season detail template: The template needed to inherit the same typography, spacing, and award-row language as the rest of the redesign to avoid breaking the system.
Why the audit mattered
The audit made the project decision-complete before implementation began. It defined what had to change, what should stay intact, and which design principles would govern every page. That clarity is what made the later prompt-driven workflow effective instead of vague.