シングルページ(1ページだけで構成されているWebサイト)に加えて、デザイン事例を紹介するポートフォリオを制作しました。キービジュアルは一つのプロジェクトでまとめ、上から下へスクロールすることで、全ての情報を見ることができます。「デザイン事例」は管理画面から追加・更新が可能です。
白場の取り方を少し変えるだけでも印象が変わるため、写真のサイズ、文字量などを(レスポンシブウェブデザインを踏まえて)細かく調整しました。写真が持つ世界観に入り込みやすいよう角版写真を使いました。書体は幾何学的で少し丸みのある Montserrat(モンセラート) を見出しに使い、数字には親和性のあるRoboto(ロボト)を使用しています。アニメーションはデザインコンセプトに沿って、控えめにしつつもエフェクトを印象的なブラーにしました。心地よいスピード感はお客様のご意見を踏まえて調整しました。
「デザイン事例」のCMS設計にはWordPressを使用し、フルオーダーで設計しています。(既存テンプレートの流用はせず、本プロジェクトのオリジナルを作成)Wordpressのブロックエディタに予め搭載されているブロックは使わず、お客様専用のカスタムブロックを作成し、直感的且つスムーズに投稿できるようにしています。TOPページに表示するプロジェクトは管理画面から選択が可能です。