【Webデザインに舌鼓をうつ vol.16】株式会社ON/ON CO.LTD.

こんにちわ、webデザイナーの平尾です。

このシリーズは不定期に個人的に好きなデザインのサイトをご紹介しています。
思いついたことを興奮気味のままに綴ることで、ブログに記事を流し込むハードルを下げ習慣づけます。
最近読者も増えてきて嬉しい。

今日はいけてるweb制作会社のポートフォリオサイトを紹介します。

かなりぶっこんだ前衛的なデザインを久々に見ました。

スマホを優先にして、置きに行ってる感がある最近のデザイントレンドをぶち破ります。

株式会社ON/ON CO.LTD.
いけてるテキストアニメーション
ページトランジション
まとめ

株式会社ON/ON CO.LTD.

https://zoccon.me/

制作会社：不明
クライアント：株式会社ON/ON CO.LTD.

株式会社ON | ON CO.LTD. | 東京・原宿のクリエイティブカンパニー。WEB・映像制作を行うクリエイターのコミュニティ。

「世界をもっと楽しく、おもしろくセットアップする。」株式会社ON(オン)は東京・原宿を拠点に独自の目線から業界を問わず、様々なジャンルにおいてビジネスを展開しています。WEB制作・映像制作・UI/UX設計・グラフィック…

zoccon.me このサイトを見る

いけてるテキストアニメーション

これもあまり見ない、上下に別れた状態でのスライドイン。
テキストのアウトラインを使った奥行きを邪魔しないデザインですね。

ベタのテキストを使うと奥にある画像や動画を隠してしまいます。
それを阻止してます。

ちなみに僕もポートフォリオサイトで使っています。

どんなテキストにでもアウトラインを描くCSSはこちらです。

-webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;

ページトランジション

あまり形容しようがないけど、イケてる。
イケてる過ぎる（語彙力）

まとめ

自分のツイートをまとめとさせてもらいます。

#本日のいけてるサイト

いけてるページ遷移と未来感漂うネオンカラー。
フロントエンドありきで最初から設計している上に、無くても成立しててすげー。

よくある置きにいく制作会社のポートフォリオとは全く違った攻め。。https://t.co/aT3volCYks pic.twitter.com/6RLoihfKSj

— 平尾誠@arutega (@Makopontass) 2019年5月9日