SMALLSHIFT
← サイト事例に戻る

WEBSITE STUDY / 海外

Protip Marketing

縦長の写真と強い文字でブランドの雰囲気を伝え、PRやイベントなどの仕事を具体的に紹介する。

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

DESIGN NOTES

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

01

媒体に合う写真と施策の説明を組み合わせる

冒頭は人物や商品の縦長写真で活動の雰囲気を見せ、本文でPR、インフルエンサー、コンテンツ、広告、イベントなどへ説明を広げる。異なる施策をブランドのコミュニケーションという軸でまとめ、作品と具体的な業務の両方から会社を理解させる構成である。

02

画面で優先される要素

クリーム色に緑を帯びたヘッダーへ輪郭線の丸いボタンを並べ、その下に縦長の写真を三列で大きく置く。写真上の短いラベルと桃色のボタン、下部の大きな輪郭文字が重なる。SNS上の写真のような比率を使い、扱う制作物の雰囲気を冒頭から見せている。

03

具体性を支える情報

本文ではPRだけでなくイベントやポップアップ、ショールームなど具体的な接点を挙げる。ブランドの実績と選ばれる理由も併記され、広告の一施策に閉じない関わり方が読み取れる。確認したページは主にポーランド語で、ここでは見えた分類と構成を中心に分析している。

04

行動への導線

ヘッダーには英語への切り替えがあり、サービスや実績、連絡先を選ぶ入口が並ぶ。本文末尾には問い合わせ欄に加えてメールや電話の情報もある。華やかな写真で関心を引いた後に、相談の経路を具体的に示す構造だが、フォーム送信や電話は実行していない。

05

取り入れるときの考え方

SNSやブランドの支援会社では、扱う媒体の比率に合った写真を冒頭に使う方法が参考になる。写真だけでは依頼範囲が曖昧になるため、イベント、投稿、広告など納品や運用の単位で説明を添えたい。海外向け対応を示す場合は言語切り替えも分かる場所へ置く。

APPLY TO YOUR PROJECT

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

扱う媒体に合う縦長写真で印象をつくり、具体的な施策を文章で補う。PRからイベントまで、相談できる仕事の単位を揃えて見せたい。

そのまま真似する前に

写真の雰囲気をそのまま業務の効果と解釈しない。言語や文化によってコピーの受け取り方も変わるため、国内向けには説明を組み直す。

次に見ておきたい参考

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