「ロマンシング佐賀」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

ゲームと自治体のコラボレーションサイトです。タイトルをゲームのロゴと同じイメージの筆文字で「佐賀」の文字を追加し、背景にゲームのドット絵と同じテクスチャを敷き詰め、ドットで描かれたキャラクターがコンテンツの間を歩き回るアニメーションを追加して、ゲームのイメージを再現しています。コンテンツ内に配置された写真もドット絵に合わせて四隅の一部をカットしてドット風の表現を取り入れています。人物写真はマウスオーバーするとドット絵のキャラクターに変化したり、画面下部の小さな焚火をクリックすると地震のエフェクトとともに大きなドット絵が現れてトップまでスクロールするなど、遊び心の詰まったデザインです。

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

Twitter

基本情報

会社名: 株式会社スクウェア・エニックス

サイト名: ロマンシング佐賀

URL: http://romasaga.jp/

「ロマンシング佐賀」のホームページデザイン解説

執筆者

カテゴリ

基本情報

ゲーム・漫画・映画・アニメに関連するデザイン

サービスサイトに関連するデザイン

ブラックを使ったデザイン

ポップなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む