｜ SILVERSTONE × COMPUTEX 2023 ｜
20th Anniversary Campaign Website
My Role
UX/UI Designer
( owned layout end-to-end from wireframe to final build )
Duration
2.5 months
180,000+
site visits during the campaign with the highest on record
+100,000
clicks vs. the previous year's campaign page
34%
growth in giveaway entries & follows
20% +
growth in social engagement rate
Background & Goals
SilverStone's 20th anniversary coincided with Computex 2023. The brand needed a campaign site that could connect the in-person product experience at the show floor with an online social campaign.
Goals
• Raise visibility and drive traffic for the 20th-anniversary campaign.
• Extend the Computex show-floor product experience into an online giveaway and social campaign, growing both brand exposure and community engagement.
Challenges
• A 2.5-month timeline, very tight for a project spanning 20 years of product history and requiring cross department coordination.
• 20 years of product data was dense and scattered, the challenge was distilling it into a story, not a spec sheet.
• Heavy, scattered feedback across Marketing, Sales, and management, which risked eating into an already tight schedule.
• Needed to stay within brand guidelines and existing RWD / technical constraints rather than designing without limits
Process & Key Decisions
Wireframes first, before any visual design
Given the timeline, the first step was aligning on structure and tone across departments using wireframes, keeping the most change-prone conversations at the cheapest stage of the process. Visual design only began once direction and tone were confirmed, avoiding costly rework later.
Curating 20 years of products with the Sales team
Once direction was set, I worked with Sales and management to identify the most iconic chassis from each year and compile them into a shortlist. We decided to present this as a 'history wall,' letting users see the brand's flagship products evolve across two decades at a glance, this became the horizontal timeline (2003– 2022) in the final design.
Turning vague opinions into concrete references to converge faster
The biggest risk on this project was too many opinions and too little time. The approach was to make everyone's abstract mental image concrete, pulling similar design references and comparable campaign sites into every discussion, so stakeholders converged on what was achievable within the existing tech stack and timeline, rather than describing ideas in the abstract.
20th Anniversary Landing Page Wireframe
Final Design
Hero + Six Core Values (Cooling / Silence / Structural Rigidity / Stylish / Dust Reduction / User-friendly) : a consistent visual language distilling 20 years of chassis design philosophy into six keywords, formingthe visual spine of the site.
20-Year Product History Wall : a horizontal timeline of the flagship chassis and milestones from 2003– 2022, designed to be scrolled through rather than read as long-form text.
Core-value Lifestyle Scenes : a rendered scene for each core value (e.g., a living-room scene for 'Stylish') so users feel the design philosophy intuitively instead of reading spec copy.
Giveaway × Social integration : connected the Computex photo-booth activity with an online FB/IG giveaway via QR code, converting an offline experience into online follows and engagement.
Event Photo Wall : real photos from the show floor, adding authenticity and trust to the campaign.
My Role & Contribution
• Owned the full page design end-to-end, from wireframe to final build.
• Curated and organized 20 years of product data, finalizing the 'history wall' product list with Sales and management.
• Defined the visual style, the visual language behind the six core values and the campaign's overall tone.
• Drove cross-department alignment, using concrete references to speed up decisions under a tight timeline, which kept the project on schedule.