• PLANNING
• DESIGN
• FRONTEND

合同会社ライフエディティング LIFE EDITING コーポレートサイト

DMMなど大企業を相手に広告業務を展開する合同会社ライフエディティング様のコーポレートサイトを作成しました。ヨハクとしてディレクションからデザイン、コーディングまですべてを担当しています。

サイト作成にあたりいただいた名刺の裏側には対角線の端から端に伸びたロゴが。別の印刷物でも印刷面の縦横比は異なるもののロゴは常に対角線に伸びています。これはWeb上でもこの意匠を再現できたら面白そうだ、というところから開発が始まりました。

一般的な画像のリサイズでは縦横比が変われば当然ロゴが潰れてしまいますが、本件においては画面サイズが変わる度に動的にSVGのパスを計算することで、どのような画面サイズでもロゴの印象を変えずに描画しています。

また、CMSにはSanity、フロントエンドにはNext.jsを採用し、クライアント自身でサイトの更新をスムーズに行えるフローの設計も行っています。