アライブ株式会社（本社：愛知県名古屋市、代表取締役：三輪尚士）が企画・制作を担当した「Fruit Crackers」の公式Webサイトが、国際的なWebデザインアワード「CSS Design Awards（CSSDA）」において、「Special Kudos」を受賞しました。
あわせて、Public Awardsの「UI Design」「UX Design」「Innovation」の3部門でも受賞。デザイン性だけでなく、使いやすさやWebならではの表現・アイデアまで、幅広い観点で評価されました。
受賞サイト：https://www.fruitcracker.com/
受賞ページ：https://cssdesignawards.com/sites/fruit-crackers/50034/
1. CSS Design Awards（CSSDA）とは
CSS Design Awardsは、2009年に設立された、世界各国のWebサイトを審査・表彰する国際的なWebデザインアワードです。
世界各国のデザイナーやクリエイティブディレクターなどの専門審査員が、UI（ユーザーインターフェース）、UX（ユーザーエクスペリエンス）、Innovation（革新性）などの観点からWebサイトを評価しています。
「Special Kudos」は、「Website of the Day（WOTD）」を除くサイトのうち、審査員による平均スコアが6.0を上回ったWebサイトに授与される賞で、デザイン・体験・技術の総合的な品質が国際的に認められた証となります。
2. 「Fruit Crackers」公式サイトの受賞内容
今回、「Fruit Crackers」のWebサイトは以下の評価を受けました。
審査員スコア（Final Judge's Score）：7.33
各審査員からの評価：
- Salva Carlino氏（Senior UI-UX & Product Designer）：総合8.0（UI 8.1 / UX 8.0 / Innovation 7.9）
- ZHOU Wen Jun氏（Founder & Creative Director）：総合7.63（UI 7.4 / UX 7.9 / Innovation 7.6）
- Sergey Dubovenko氏（CEO）：総合7.0
- Timofey Beloglazov氏（Marketing Strategist）：総合7.0
- Amin Salehi氏（Creative Director）：総合7.0
一般投票スコア（Public Awards）：
- UI Design：7.30
- UX Design：7.38
- Innovation：7.30
UI・UX・Innovationの全カテゴリで7.0以上を獲得し、特にSalva Carlino氏からはUI 8.1の高評価を受けています。
3. 制作で重視した3つのポイント
Fruit CrackersのWebサイトでは、商品の特徴である「果実本来の魅力」と「サクッと軽い新食感」を、Web上でどう伝えるかを大切にしました。
商品写真を見せるだけではなく、写真、レイアウト、スクロール、アニメーションまで含めて、Fruit Crackersならではの世界観を体験できるサイトを目指しています。
⬛︎ 果実の魅力が引つ没入感のある体験設計
Fruit Crackersの大きな魅力のひとつが、果実そのものが持つ鮮やかな色や形、質感です。
Webサイトでは、その魅力がしっかりと伝わるよう写真を大胆に配置し、フルーツの存在感を活かしたビジュアルを設計しました。
さらに、パララックス（視差効果）などのスクロール演出を取り入れ、写真や文字が画面の動きに合わせて変化することで、商品を見るだけでなく、Fruit Crackersの世界観そのものを楽しめる表現を目指しました。
サイトを訪れた瞬間から「おいしそう」「どんな食感なんだろう」と興味を持ってもらえることを意識しています。
⬛︎ 世界観を途切れさせないワンページ構成
商品の世界観に集中してもらうため、サイト全体をワンページで構成しました。
ブランドについて、商品の特徴、フリーズドライ製法へのこだわりなどを、一連のスクロールの中で順番に紹介しています。
ページを何度も移動することなく、サイトを見進めることで自然と商品への理解が深まる構成としました。
デザインだけではなく、「どの順番で見せるとFruit Crackersの魅力が伝わるのか」という情報の流れにもこだわっています。
⬛︎「サクッと軽い」印象を伝えるインタラクション
Fruit Crackersならではの軽やかな印象をWebサイトでも感じてもらえるよう、スクロールに合わせた動き、ホバー時の反応、テキストや写真が現れるタイミングなど、細かなインタラクションを設計しました。
単に派手な動きを取り入れるのではなく、商品の特徴やブランドの雰囲気に合った動きを一つひとつ調整しています。
写真、文字、余白、動きまで含めてFruit Crackersらしさを統一し、商品への興味につながるWeb体験を目指しました。
4. アライブ担当者コメント
「Fruit Crackers」は、果実そのものの色や形、質感など、素材が持つ美しさと繊細さに加え、フリーズドライならではの「サクッと軽い」食感が魅力の商品です。
今回のWebサイトは、フリーズドライ製法という独自の技術によって生まれる商品の魅力を、デザインとインタラクションの両面で表現することにこだわったプロジェクトです。特に、果実の鮮やかさや質感が引き立つ写真の見せ方、スクロールしたときの動き、余白の取り方、文字が現れるタイミングなど、細かな部分まで一つひとつ調整しました。
また、見た目の印象だけではなく、サイトを見進める中で、商品の特徴やフリーズドライ製法へのこだわりを自然に理解できるよう、情報を伝える順番やスクロールの流れにもこだわっています。Fruit Crackersの世界観を楽しみながら、商品そのものへの興味や理解が深まるWebサイトを目指しました。
今回、CSS Design Awardsという国際的な舞台で評価をいただけたことは、アライブのデザインチームにとって大きな励みになっています。
これからも、ブランドが大切にしている価値を丁寧に汲み取り、その良さをWebだからこそできる表現で伝えるサイト制作に取り組んでまいります。
5. アライブ株式会社について
アライブ株式会社は、名古屋を拠点に、Webサイト制作、Webマーケティング、Webシステム開発、写真・動画制作、グラフィック制作などを行うWeb制作・マーケティング会社です。
企業や商品の特徴、ユーザー、競合などを踏まえた企画・戦略設計から、デザイン、コンテンツ制作、写真・動画撮影、システム開発、公開後のマーケティング・改善まで一貫して支援しています。
Webサイトを作ることを目的とするのではなく、企業やブランドの魅力をユーザーに伝え、集客・採用・ブランディングなど、それぞれの目的につながるWebサイト制作を行っています。
【会社概要】
会社名：アライブ株式会社
所在地：〒460-0011 愛知県名古屋市中区大須3-2-5 吉桂ビル4階
代表者：代表取締役 三輪尚士
創業：2001年9月
資本金：3,000万円
事業内容：Webサイト制作、Webマーケティング、Webシステム開発、写真・動画制作、グラフィック制作 ほか
URL：https://alive-web.co.jp/
【本件に関するお問い合わせ先】
アライブ株式会社
担当：柴田
メール：sales@alive-web.co.jp