SMALLSHIFT
← サイト事例に戻る

WEBSITE STUDY / 国内

OASIZ

大きな社名と緑の抽象形状で視線を引き、縦型動画の具体的なプロジェクトへつなげる。

公式サイトを見る ↗
公式サイト / 掲載確認用
OASIZの公式サイト画面

DESIGN NOTES

このサイトの設計を読み解く。

01

強い第一印象から具体的な案件へ進める

冒頭の短い姿勢表明から、縦型動画とSNSを起点にした支援内容へ進み、その後にプロジェクトや顧客、コラム、お知らせが続く。公開本文では戦略設計と制作運用の関係も説明され、動画の見た目だけでなく何のために制作するのかを読み取れる。

02

画面で優先される要素

白に近い背景を占める巨大な黒い社名と、緑から青緑へ変化する線の集合が画面の主役である。右上の短い日本語との面積差が大きく、文章を読ませる前に印象をつくる。細い線が積み重なる抽象表現は、SNS運用の画面写真とは異なる入口になっている。

03

具体性を支える情報

プロジェクト本文には依頼者、実施時期、取り組みの背景や内容がまとまっている。自社が公表する再生数もあるが、ここでは独立検証した成果とは扱わない。実績を選ぶ際は数値の大きさ以上に、企画と媒体をどう組み合わせたかを説明する形式が参考になる。

04

行動への導線

公開本文にはプロジェクト一覧、コラム一覧、問い合わせ、採用の入口がそれぞれ存在する。制作例を調べる人が記事へ寄り道できる一方、企業情報や連絡先にも進める。視覚演出の強い冒頭の後に、具体的な事例を読む受け皿を持っている。

05

取り入れるときの考え方

動画やSNSの支援会社なら、最初の印象と事例の詳細を役割分担させる構造が使える。派手な抽象表現だけを再現せず、プロジェクトの目的、制作したもの、運用媒体、担当範囲を揃えて記録すると、発注者が自社との適合を考えやすくなる。

APPLY TO YOUR PROJECT

自分の制作に取り入れるなら

印象的な冒頭から、担当した施策を具体的に説明するプロジェクト記事へつなげる。数値だけを強調せず、何をどう実施したかを一緒に見せたい。

そのまま真似する前に

初期の演出で画面表示まで待つ場面があった。類似表現を採用する場合は、読み込み中でもサービスや問い合わせへの入口を失わない設計が必要だ。

次に見ておきたい参考

一覧へ →
OASIZの公式サイト画面