Asia's Best Cafes - Asia Top 100 Cafe Awards
Asia Coffee Summit is Asia’s premier coffee industry event, featuring exhibitions, conferences, competitions, business networking, workshops and the Asia Top 100 Café Awards. Our task was to build a digital home for the summit that serves two audiences at once: coffee lovers who want to discover and vote for great cafés, and industry professionals who want to exhibit, speak, meet buyers and build partnerships. The project sits at the intersection of events, hospitality and the specialty coffee industry. Its goals are to drive ticket sales and exhibitor applications, encourage nominations and votes, and build long-term search visibility through city and country café pages.
The website is the central hub for everything related to the summit. It explains the event and its value, lets anyone nominate a café, and runs a fair public voting process. It also acts as a growing directory of cafés across Asia, supports ticketing and workshop booking, and gives exhibitors, speakers, sponsors and media a place to engage. Without a single platform, these activities would be scattered across forms, spreadsheets and social media. The website brings them into one system with an admin panel for the organisers, ASCA and Huuha Production, to manage nominations, votes, judges, exhibitors and content.
Asia Coffee Summit is built for coffee lovers and coffee industry professionals across Asia. Coffee lovers can discover top cafés, nominate and vote for their favourites, join workshops and buy tickets. Café owners, roasters, distributors and other industry players can gain recognition through the awards, exhibit, compete and meet buyers. The platform also supports speakers, sponsors and media partners who need clear information and registration options.
1. Nomination via Form
Users must register and log in to their accounts before submitting a café nomination through the nomination form.
2. Voting Function
Allows logged-in users to vote for their favourite cafés, with each user limited to one vote. The platform also displays the total number of votes received by each café to show its voting.
3. Voting Results
After the voting period ends, a dedicated results page will be published to display the final café rankings, total votes received by each café and award winners by category.
4. Responsive Design Layout
The website works smoothly on desktops, tablets and smartphones, which matters for visitors voting or browsing on mobile at the event.
The Challenges
The main challenge is ensuring that each user can vote only once per category while keeping the voting page private and accessible exclusively to registered users. Users must log in before accessing the voting function, and the system will validate each vote on the server side. Enforce a unique combination of user ID and category ID to prevent duplicate votes, even if users refresh the page or use multiple devices. The voting page must not be publicly accessible to unregistered users.
The Solutions
The project used a clear and organised website structure to manage different types of content and users. Security features such as user verification, duplicate vote detection and bot protection were included to support fair voting. Dedicated country, city and café pages were also created to improve navigation and search engine visibility.
Website Design
The Asia Coffee Summit website combines a refined, professional look with the warmth of coffee culture. Deep navy sections, including the awards area with its subtle gradient, give a credible, premium feel, while soft cream backgrounds keep content light and easy to read. The colour palette includes #152339 (dark navy), #284064 (blue), #CA6244 (coffee-toned orange), #D88B74 (soft terracotta), #FFD8CD (soft peach) and #54595F (slate grey). Typography pairs Fraunces for bold, editorial headings with Inter for clean, readable body text. Orange is used for call-to-action buttons such as Vote Now, while gold laurel badges give each award category a prestigious, trophy-like look. Hand-drawn coffee illustrations, rounded image corners and pill-style tags add a friendly touch. With clear layouts and responsive design, the website works smoothly across all devices.
