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