サイトレビュー❀１１９

S5 Studios　さん

S5-Studios — The Studio to Create S×5 Expressions.

【ファーストビュー】

・全体的に深みのある青色の背景と、円、黒っぽい写真や白っぽい英語が印象的です。

・構成：
　左上にロゴ、その下に縦並びでgナビ。
　右上に円形の線。（恐らく音量設定）
　全画面でメインビジュアル。

・メインビジュアル：
　中心にモノクロ写真のようなものが円の中に入れ込まれています。
　その上に白文字、後ろに白抜きの文字があります。
　周囲には香水の瓶のようなものなどを入れた、黒っぽい円やギザギザ円が４～５個あります。
　蛍のような白い淡い光が軽く散りばめられています。
　全体的に深みのある青色です。

【フォント】

canada-type-gibson, source-han-sans-japanese, sans-serif

【使用色】

使用色 一覧

【レスポンシブ】

・トップページの設計は基本的に変わりません。一部中心にもあるので、省略されています。
・他のページへ飛ぶと、右上にハンバーガーメニューができます。
・左上にロゴ、右上にハンバーガーメニューが固定されています。
・要素は基本縦並びです。
・メニュー内では、左側が縦並びのgナビ、右側が画像付きのworksの内容になっています。

【全体的に】

・スクロールすると画像が回ってきたり、開くと色々な仕掛けが見られます。
・音楽設定もされているようで、初めに再生するかどうか選べるところがユーザーのことを考えているな、と感じられます。
・ファーストビューの周囲の画像はworksの要素ごとに使用されていました。
・要素をクリックすると吸い込まれるような動きになっていて、仕組みが色々あります。

---

［情報まとめ、プチ感想］
・S5 Studios　https://www.s5-studios.com/

　太い border を上手く活用しています。一般的に使用すると違和感ありそうなものも、上手く使えるところがすごいです。色々な仕組みがあり、プロは違うな、、と思わされますね…。
　まだ数日しか見ていませんが、プロの方のポートフォリオサイトでは、色数が少ない方が多そうです。

<了>