Works

制作実績

ひびきわフォト

制作概要

屋外での出張撮影を得意とする女性カメラマンの方のウェブサイトを制作しました。
写真の魅力に引き込まれたユーザーが撮影予約をする想定で、写真が引き立つようCTAボタン（予約ボタン）は常に表示しつつも控えめに半透明にして、余白を十分に取りシンプルに仕上げました。
メインビジュアル（ホーム画面の最初の画面）には、キャッチコピーをスライド表示させ、写真もスライダー（切り替え）表示しながらゆっくり徐々に拡大表示する効果を付けて、写真の世界観をより美しく表現。
ギャラリーページには写真のカテゴリボタンを設置し、ボタンクリック／タップで写真をフィルタ表示する機能をjQueryで実装。
また、それらのボタンは、ユーザーが各種の撮影カテゴリを認知し撮影需要を喚起する意図もあります。
ユーザーの撮影へのイメージを膨らませ需要喚起するため、ギャラリーページで個別写真をモーダル表示した際に、撮影シーン（カテゴリ）と撮影場所、撮影時期も表示しました。
ヘッダーにCTAボタン（予約ボタン）を含め、画面上部に固定。ギャラリーページでは、写真一覧表示中に画面下部にCTAボタン（予約と問い合わせボタン）を固定で配置。
いずれのCTAボタンも、写真の邪魔をしないようスクロール時は半透明で表示し、マウスホバー時には透明度ゼロになります。
CTAボタンはクリックを促すようマウスホバー時アニメーションを仕込みました。