企業らしさを象徴する存在として「星の光」を。クリエイティブスタジオとしての物語を紡いだウェブサイト

Concept

社名「Looox」に「星々が放つ光」を掛け合わせて誕生したコンセプト

Loooxの使命は作品を通じて世界をより明るくすること。幾千の瞬きを生み出す。という会社の理念や強みを起点に明るさの単位である｢Lux（ルクス）｣から着想を得て、｢光｣をテーマにまるで宇宙を旅するような期待感をつくりあげました。

輝く光の強さや色が多様であるように、個々のクリエイティブの個性を尊重しながら、感動的な物語りを紡ぎ出す会社であることを象徴する意味を込めて、Luxを取り入れています。Looox様の技術力と創造性を組み合わせることで、まばゆい光から微かな輝きまで、あらゆる強度の光を操り、作品を通じて世界をより明るくするという意味合いを表現しています。

Design

様々なものが重なり合って今がある。過去の歩みと未来を表現したファーストビュー

本プロジェクトでは、ステートメントで示された価値観と方向性を軸に、デザイン表現を検討・構築しました。

最初に設定した一つがブランドカラーです。もともとLooox様が使用されていたグレーとホワイトを引き継ぐかたちで、今回新たなカラーにブルーを提案させていただきました。グレーは白と黒の中間色として無限の可能性を象徴しているというところから、新たに提案させていただいたブルーにも意味を込めて、これからさらに飛躍していく姿を反映。夜空で最も明るく輝く星である｢シリウス｣をイメージして情熱、熱量を表現しています。

ファーストビューには、Looox様のロゴデザインをベースにアニメーションをつけています。ロゴの一部分を拡大すると、波打ったり、球体が集まったりと小さな模様の集合体からロゴが形成されているようなかたちになっています。これはLooox様がこれまで様々な表現方法を積み重ねられてきたからこそ今があり、これからもその表現を増やしながら成長していく様子を表しています。

ウェブサイトの「About」にもコンセプトを反映して、夜空をイメージしたグレーの背景に星が瞬いているようなアニメーションを配置。クリエイティブスタジオとしての強みを引き立てるため、直線的な図形やフラットなデザインを採用し、作品の奥行きや映像の美しさを際立たせました。

Implement

静けさと躍動感を両立させるアニメーション

クリエイティブスタジオとしての特性を活かし、アニメーションを取り入れながら、躍動感あふれるサイトに仕上げました。ナビゲーションやボタンをクリックすると繊細な動きが加わり、ユーザーの操作体験を豊かにしています。

サイト内で特に目に留めて読んでもらいたい箇所には、躍動感がありながらも静かなアニメーションを用い、情報伝達と視覚的な心地よさのバランスを追求しました。色で魅せるデザインを軸にしつつ、過剰な演出にならないよう、シンプルさと洗練を意識しています。

Projectページでは、カーソルを合わせると写真や背景が微細に動き、単なる拡大表示ではなくひとつの映像作品のような体験を演出しています。一つひとつの動きがシンプルだからこそ、アニメーションの速度やタイミングを細かく設定し、滑らかな流れを実現しています。

さらに、ボタンの押し感にもこだわり、ホバー時にはサイズがふわりと大きくなったり、クリック時に“本当に押している”ような感覚が得られたりするアニメーションを採用しています。全体を通して、色と動きが調和したシンプルで印象的なサイト体験を実現しました。