shota

onodera

portfolio

SHOTA ONODERA PORTFOLIO
SCROLL

LP制作:テラハウスICAの施設紹介

https://tera-house.en-encount.com/

クライアント詳細

クライアント:テラハウスICA 様

業務内容:職業訓練校

サイト概要

制作の目的:施設の紹介、職業訓練校に対する不安の軽減

クライアントの要求:施設の良さをアピールして職業訓練校を決める際の決定打にしてほしい。また入校希望者からの質問の電話を減らすため、細かいことも紹介したい。

こだわった(工夫した?)ポイント

1:メインキャッチ部分の動画

サイトへの訪問者にスタイリッシュなインパクトを与えるために動画を配置しました。

また個展のタイトルの一つでもある「白」を強調するために、動画をモノクロで作成。そして色が綺麗な1カットだけはあえてカラーで繋ぎました。

2:サイト全体のデザインをあえて暗めに

鈴木圭太さんの作品が「白」を基調とした作品だったため、作品を際立たせるためにサイト全体のデザインを暗い色合いでまとめました。

しかし全てを暗くすると、サイトの雰囲気までもが暗くなってしまうので、一部のセクションはメリハリをつけた明るい色にしました。

3:文字が多いセクションは非表示に

鈴木圭太さんのことを知ってもらうため、サイトの上部に鈴木さんのことがわかる説明文を設置しました。

しかし作品を知りたい人にとっては文字数が多く、離脱率の上昇が心配されたため、「+マーク」を設置してアコーディオンの仕組みをCSSで組み込みました。

制作期間

サイトデザイン:1日間

コーディング:4日間

合計5日間

作業メンバー

◯◯◯◯◯◯◯

◯◯◯◯◯◯◯◯◯◯

合計◯人