Annual car voting site
Boosted participation in an online car voting event and attracted over 18K voters on launch day.
Overview ◑ω◐
BuyCarTV is a media company that produces multimedia content for car enthusiasts.
To boost audience engagement, they launched an annual online voting event for top cars and service brands. However, previous voting experiences had drop-off issues due to complex steps and lengthy forms.
I led the end-to-end design from research and design to delivery.
Key contributions
Product Design
• UX/UI Design
• Wireframes, User flows
• Prototyping, Usability testing
• Stakeholder interviews
• Visuals, Animations
Cross-Team Collaboration
• Refined designs and ensured feasibility with the developers
• Collaborated with clients and PM to ensure designs align with project vision
Stakeholder Engagement
• Led weekly presentations to secure buy-in from clients and stakeholders
Project type
Agency Project
Duration
3 months
Status
LIVEPlatform
Desktop & Mobile Web
Teammate
1 Product Designer
1 Front-end Developer
1 Back-end Developer
Goal
Design a fast, seamless voting experience optimized for mobile, where over 70% of user interactions occur.
User JTBD
As a user, I want to vote quickly and with minimal steps, so that I can qualify for the lottery draw.
Business goals
• Increase audience engagement
• Gather user demographics for future offerings
• Create a fair car evaluation environment
Results ( ～'ω')～
Attracted 18K+ voters at launch & received positive comments on YouTube 🎉
＠TzuYiChan
謝謝嘉偉哥跟團隊的用心 💓
剛試過網站，做得很精緻很質感很流暢～也很細心規劃便利的界面及公平標準，期待揭曉 🎉
Thank the team for your dedication 💓 I just tried the website, and it's very well-made, high-quality, and smooth - with a thoughtfully planned convenient interface and fair standards. Looking forward to the reveal 🎉
@Evans86
嘉偉哥真的太猛了, 團隊真的也超棒! 光點進去畫面那個畫面就夠我玩一整天了~
The team is awesome! Just entering the site and seeing that screen is enough to keep me entertained for a whole day~
@hclee6103
今年系統感覺很棒，跟購物網站類似的架構。車款、品牌也有亂數呈現，非常專業！期待今年的結果~
This year's system feels great, with a structure similar to that of shopping websites. The presentation of car models and brands is randomized and very professional! Looking forward to this year's results~
@vg8ql6cv6z
網站設計很創新，用電腦版來操作有彩虹煙霧效果，美術設計有加分，簡訊驗證碼正常有收到，中華電信。
The website's design is innovative; using it on a computer brings a rainbow smoke effect, which adds to the artistic design. The SMS verification code was received normally, courtesy of Chunghwa Telecom.
@kelithius
流程簡單，畫面呈現以及操作體驗都很好！
The process is simple, and both the visual and the UX are great!
*Profile pictures were replaced; the original text was translated from Chinese to English.
Key Decision 01
Optimized CTA visibility and accessibility in the voting flow
I ensured that the call-to-action (CTA) for each step in the voting process was highly visible and easy to interact with. Each button maintained a minimum height of 44px for accessibility, and the next step button was designed with a clear visual hierarchy, making it the most prominent action.
Key Decision 02
Phone verification to ensure fairness and a smoother experience
I opted for phone verification over email for two key reasons: (1) Ensured Fairness – Phone verification prevented individuals from voting multiple times using different emails. (2) Reduced Friction – The verification code appeared directly on the keyboard, allowing for a one-tap entry, whereas email verification required multiple steps, increasing cognitive load.
But...(( ºΔº ));;
I should have had a backup verification plan!
On the first day, heavy user traffic led to website congestion and SMS delays, so a lot of people never got their codes.
I could've added email or LINE (Taiwan's go-to messaging app, like WhatsApp) as alternatives. LINE would've been the better choice since it helps prevent duplicate votes.
Key Decision 03
Kept required fields to a minimum
To reduce drop-offs and privacy concerns, I worked with the clients and PM to minimize the required fields, only keeping what's necessary for identity verification and prize delivery.
After raising this concern, the client agreed to refine the original list. We worked together to decide what was essential, optional, or unnecessary.
Key Decision 04
Expanded filters to make choosing easier
During usability testing, 7 out of 8 participants used filters to narrow down their choices. Some wanted to see which car brands were available, while others already had a favorite in mind. Seeing how important this was, I expanded the filter options—making it easier for users to find what they were looking for.
Key Decision 05
7:3 image-to-text ratio for easier car/brand selection
I prioritized images for browsing cars and brands, making navigation more intuitive. Usability testing showed that users relied more on images than text to recognize cars and brands—many even zoomed in to get a better look.
Learnings
(•ㅂ•)/
Load with page vs. Load on scroll
Before launch, the website was too slow due to loading all high-resolution images at once. By working with the front-end developer to switch from eager loading to lazy loading (where images load as users scroll), we cut load time from over 10 seconds to under 1 second!
(•̀ᴗ• )
Mind map for better ideas
This was my first time using a mind map to shape the visual story of a website, and it was a game-changer. It helped me expand on keywords and uncover ideas I wouldn't have thought of otherwise. Plus, it made presenting design concepts to clients more engaging and compelling!
