Story | サイト制作秘話
#1 Departure
#1 Departure
世界レベルのWebサイトへの序章
「今まで見たことがない、日本一のWebサイトを創る。」
Sazeの熱い想いが、本プロジェクトの幕開けとなりました。
従来の会社のWebサイトでは、会社の技術力や文化、そして未来へのビジョンを十分に伝えきれていないという課題がありました。
単なる情報羅列に終わらない、ユーザーにSazeの魅力を伝える、圧倒的な体験を提供するWebサイトを構想。これは、優秀なエンジニアと出会うためのきっかけとなる一般的なWebサイト制作ではなく、Sazeの未来にとって極めて重要な投資的活動として位置づけられました。プロジェクト開始から、常に「最高」を追求する姿勢で、私たちは未踏の領域へと踏み出しました。
#2 Inspiration
#2 Inspiration
デザインの壁とCGの閃き
私たちは、この挑戦的なプロジェクトを実現するため、クリエイティブパートナー「株式会社セルインタラクティブ」と、最初の数ヶ月はサイト全体のコンセプトとデザインの方向性を模索していきました。既存の枠にとらわれない表現を追求する中で、「どんな自由を選択するも、自由の定義もユーザーの自由。」というコンセプトアイデアが生まれました。サイトにさまざまな自由を表すモチーフが現れ、スクロールと連動しながら、「自由とは、自ら選び、その意味も自分自身で定義するもの」というSazeの価値観をCGを用いてユーザーに体験させるサイトにしよう、と決定しました。このCGを核としたコンセプトメイキングには、2〜3ヶ月もの時間を費やしました。対面で何度も制作パートナーと顔を合わせての打ち合わせを実施し、度重なる議論と試行錯誤の末、「鍵」「翼」「扉」という３つのモチーフが生まれました。
「鍵」は自由への探求、「翼」は可能性を広げ飛翔する力、そして「扉」は新たな世界を自ら開く意思を象徴しています。これらのモチーフが、自由を求め自ら道を切り開いていくという世界観を打ち出すことになり、サイトのビジョンを確固たるものとしました。
#3 Frontier
#3 Frontier
WebGLが拓く未踏の領域
私たちは、CGを核としたデザインコンセプトを実現するため、パートナーからの提案であった「WebGL」の導入を決断しました。
WebGL実装は、本プロジェクトにおいて非常に大きな乗り越えるべき壁となりました。膨大な量のCGデータと、それをウェブブラウザ上でスムーズに動かすためのプログラミングの最適化、そしてインタラクティブな体験要素の実装は、開発チームにとって果てしないトライ＆エラーが続きました。
しかし、この困難な挑戦こそが、開発チームの技術力と発想力を最大限に引き出し、従来のWebサイトの発想にとらわれないCG演出を最大限に活用したインタラクティブなWebサイトを生み出しました。
約1年にも及ぶプロジェクト期間中、Sazeは開発パートナーとともに、何度も壁にぶつかりながらも、粘り強く開発工程を歩みました。
※WebGL（Web Graphics Library）とは、Webブラウザ上でプラグインなしに高機能な2D/3Dグラフィックスを表示できるJavaScript API。HTML5の要素をグラフィックス描画領域とし、ユーザーのデバイスのGPU（画像処理装置）を直接活用することで、インタラクティブで高品質なグラフィックを高速に処理する方法です。
#4 Compass
#4 Compass
サイトに込めた未来への羅針盤
完成したサイトは、単なる企業紹介の枠を大きく超えるものとなりました。TOPページにはJavascriptのコードを使用した演出や、ホバーによるインタラクションなど、遊び心をくすぐる要素をふんだんに取り入れています。創業者の伊藤が掲げる「エンジニアが世界一働きやすく、エンジニアがあげた成果を正しく還元する会社」という経営ビジョンは、WebGLで緻密に描かれたCGの世界観の中に凝縮されています。「鍵」「翼」「扉」のモチーフは、サイトへアクセスするユーザーに対して、「既存の枠にとらわれず、自らの手で未来を切り開くことの可能性」を強く示唆しています。
このWebサイトは、単なる採用のためのサイトではありません。私たちがエンジニアにかける真剣な姿勢と、未来への飽くなき挑戦、そして「自由」という一貫したテーマを象徴する、羅針盤なのです。
