• 会社
  • DEMO

#見つけて尾道レトロキャンペーンサイト

デザイナーが細部まで作り込んだ世界観を壊さぬよう、Figmaカンプを1px単位で忠実に再現。デバイスごとの表示変化に至るまで妥協なく実装し、ブランドイメージを最大限に引き出しています。

#見つけて尾道レトロキャンペーンサイトのPC表示
#見つけて尾道レトロキャンペーンサイトのスマートフォン表示
CLIENT
デモ企業
ROLE
コーディング
PERIOD
約1ヶ月半
PAGES
1ページ

ご依頼の背景・課題

世界観を強調したビジュアル・アニメーション表現と、直感的に応募まで迷わせないシンプルな導線設計で制作しました。

  • キャンペーンの認知拡大を目指す
  • 本体のコーポレートサイトに掲載するだけでは埋もれてしまい、ターゲット層に届かない

工夫したこと

既存サイトは情報量が多く、キャンペーンの「応募」というアクションへ誘導しにくいため、通常ページとは違うデザインやインタラクションでユーザーの参加意欲を高めました。

  • 雰囲気の伝わる写真

    スライドで写真を数多く表示することで、キャンペーンの雰囲気が伝わるようになっています。

  • どの画面幅でも見やすく

    スマートフォンやタブレット、PCでも見やすいように、表示崩れに気をつけてコードを組んでいます。

  • アクセシビリティへの配慮

    切な見出し構造の構築や、コントラスト比への配慮、どんなユーザーにも正しく情報が伝わる、優しく誠実なコーディングを意識しました。

ページ構成

CONTACT

はじめての
ホームページも、
いっしょに考えます。

「何から決めればいいかわからない」という段階から、お気軽にご相談ください。

  • 相談だけでもOK
  • 24時間以内にお返事
  • オンラインで完結
お問い合わせフォームへ
紙飛行機に座る女性のイラスト