SMALLSHIFT
← サイト事例に戻る

WEBSITE STUDY / 国内

株式会社獅子

社員の仕事風景に獅子のキャラクターを重ね、顧客事例と社員紹介の両方へ案内する。

公式サイトを見る ↗
公式サイト / 掲載確認用
株式会社獅子の公式サイト画面

DESIGN NOTES

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

01

顧客と社員の両方から会社を伝える

冒頭で仕事への姿勢を強い言葉と人物写真で伝え、本文でマーケティングとブランディングの支援を説明する。続いて会社の考え方、データ、顧客の声、社員インタビューへ進む。発注を検討する人と会社の人を知りたい人が同じトップから理解を深める構成だ。

02

画面で優先される要素

灰色のヘッダーに大きな獅子のロゴを置き、仕事風景の写真と赤い背景を組み合わせている。写真中の人物には橙と青のキャラクターが重なり、太い日本語が白い帯に載る。堅い会議写真に遊びの要素を加え、社名の記憶を補う視覚的な設計である。

03

具体性を支える情報

顧客事例は制作物だけでなく、契約の背景や前後の変化を顧客の声と共に紹介する説明になっている。社員紹介では役職や入社年と考え方が並ぶ。成果を提示する記事と、仕事を担う人を紹介する記事を分けて、会社を複数の角度から理解させている。

04

行動への導線

上部には会社情報、採用情報、問い合わせを異なるボタンとして用意している。主要メニューにはサービスや顧客記事、社員記事が並び、会社を知る段階から相談する段階まで入口が見える。問い合わせは黒い大きな面で、周囲の輪郭線ボタンより強く示される。

05

取り入れるときの考え方

社名やキャラクターに物語を持つ会社では、実際の仕事写真へその要素を重ねる方法が使える。社員の雰囲気だけで発注判断を求めず、依頼の経緯や担当した内容を顧客記事で補うと、親しみと仕事への理解を両方伝える構成をつくりやすい。

APPLY TO YOUR PROJECT

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

実写で仕事をする人を見せ、キャラクターで社名を覚えやすくする。その後に顧客事例と社員紹介を分けて置けば、会社への理解を具体化できる。

そのまま真似する前に

強いコピーとキャラクターは印象を残す一方で、支援内容の説明にはならない。どの業務を頼めるのかは、サービスの文章で明確に補いたい。

次に見ておきたい参考

一覧へ →
株式会社獅子の公式サイト画面