-
TWICE OFFICIAL FANCLUB「ONCE JAPAN」公式ファンクラブサイト制作
■ プロジェクトの目的
韓国の人気ガールズグループ「TWICE」の日本公式ファンクラブサイトとして、会員登録・チケット先行受付・限定コンテンツ配信・ニュース配信などを一元管理し、ファンとの継続的なコミュニケーションを実現することを目的として制作しました。会員限定サービスへの導線を最適化し、ブランド価値を維持しながら快適なユーザー体験を提供することを重視しました。
■ 体制・人数
プロジェクトマネージャー、ディレクター、UI/UXデザイナー、フロントエンドエンジニア、バックエンドエンジニアを含む5〜10名規模の制作体制。
■ 自分のポジション・役割
Webデザインおよびフロントエンド実装を担当。ブランドイメージに合わせたUIデザイン、レスポンシブ対応、ニュース一覧・会員コンテンツ・入会導線などの画面設計とコーディングを行い、操作性と視認性を両立したサイト構築に携わりました。
■ 目的を達成する上での課題
公式ファンクラブサイトとして、多数のアクセスが集中するチケット受付やイベント開催時でも快適に利用できる導線設計が求められました。また、会員限定コンテンツと一般公開コンテンツを明確に区別しながら、ブランドイメージを損なわないデザインと高いユーザビリティを実現することが課題でした。
■ 課題に対して取り組んだこと
TWICEのブランドカラーやビジュアルを活かしたデザインを採用し、ニュース・チケット・ギャラリー・動画・ブログなどのコンテンツを整理して情報設計を最適化しました。スマートフォンを中心としたレスポンシブデザインを実装し、会員登録から各種サービス利用までスムーズに操作できるUIを構築しました。
■ ビジネス上の成果
公式ファンクラブとして、会員登録・限定コンテンツ配信・イベント情報・チケット先行受付を一元管理できるWebサイトを実現しました。ブランドイメージを維持しながら、継続的なファンエンゲージメントを支援するユーザー体験を提供できるサイトとして完成させました。 -
OPERA（オペラ）ブランドサイト制作
■ プロジェクトの目的
化粧品ブランド「OPERA」のブランドイメージを最大限に訴求するとともに、商品情報やブランドコンセプトを分かりやすく発信し、ユーザーの商品理解と購買意欲の向上を目的としたブランドサイトを制作しました。ブランドの世界観を統一したデザインにより、商品の魅力を視覚的に伝えることを重視しました。
■ 体制・人数
ディレクター、デザイナー、フロントエンドエンジニアによる少人数体制（3〜5名程度）。
■ 自分のポジション・役割
Webデザインおよびフロントエンドコーディングを担当。ブランドカラーやビジュアルを活かしたUIデザイン、レスポンシブ対応、アニメーション実装、各コンテンツページのレイアウト設計を行い、ブランドイメージを損なわないサイト構築を担当しました。
■ 目的を達成する上での課題
化粧品ブランドサイトでは、商品の魅力だけでなくブランド全体の世界観や高級感をWeb上で表現する必要がありました。また、新商品・限定カラー・キャンペーンなど更新頻度の高いコンテンツを分かりやすく整理し、ユーザーが目的の商品へスムーズにアクセスできる情報設計が求められました。
■ 課題に対して取り組んだこと
余白を活かしたシンプルで洗練されたデザインを採用し、高品質な商品写真を引き立てるレイアウトを設計しました。商品カテゴリやニュース、ブランドコンセプトを視認性良く整理し、スマートフォン・タブレット・PCの各デバイスに最適化したレスポンシブデザインを実装。スクロールアニメーションや自然な画面遷移を取り入れることで、ブランドの上質な印象を演出しました。
■ ビジネス上の成果
ブランドイメージを統一したデザインと優れたユーザビリティを両立し、商品情報・ブランドコンセプト・最新情報を分かりやすく発信できるブランドサイトを実現しました。ブランド価値の向上と商品プロモーションを支援するWebサイトとして、視覚的な訴求力と操作性を兼ね備えたサイトを構築しました。 -
NANA アイラッシュ・ネイルサロン コーポレートサイト制作
- プロジェクトの目的
福岡・天神エリアで複数店舗を展開するアイラッシュ・ネイルサロンのブランドサイトを制作し、サロンの世界観や高級感を訴求するとともに、新規顧客の獲得および予約導線の強化を目的としました。店舗情報・メニュー・スタッフ紹介・コンセプトを分かりやすく整理し、初めて来店するユーザーにも安心感を与えられるWebサイトを目指しました。
---
- 体制・人数
ディレクター、デザイナー、フロントエンドエンジニアによる少人数体制で制作。デザイン・コーディングを中心に、公開まで一貫して対応しました。
---
- 自分のポジション・役割
Webデザイン・フロントエンド実装を担当しました。ブランドイメージを反映したビジュアル設計、レスポンシブ対応、アニメーション実装、各ページのUI設計を行い、ユーザーが必要な情報へスムーズにアクセスできるサイト構築を担当しました。
---
- 目的を達成する上での課題
美容業界は競合が多く、価格だけでは差別化が難しいため、「安心感」「技術力」「上質な空間」をWeb上でどのように表現するかが課題でした。また、複数店舗・複数サービスを扱うため、情報量が多くなりすぎず、初めて訪れるユーザーでも迷わず予約まで進める情報設計が求められました。
---
- 課題に対して取り組んだこと
ファーストビューではブランドイメージを印象付ける写真と余白を活かしたデザインを採用し、上品で洗練された雰囲気を演出しました。コンセプト、メニュー、スタッフ紹介、店舗情報を整理し、視認性の高いレイアウトを設計。レスポンシブデザインに対応し、スマートフォンからの閲覧・予約を意識したUIを構築しました。また、CTAを適切に配置し、各店舗の予約ページへ自然に遷移できる導線設計を行いました。
---
- ビジネス上の成果
ブランドイメージを損なうことなく、店舗情報・サービス内容・スタッフ紹介・予約導線を分かりやすく整理したことで、ユーザーが安心して来店・予約できるサイトを実現しました。美容サロンに求められる信頼感と高級感を両立したデザインにより、ブランド価値の向上と集客を支援するWebサイトとして完成させました。