L Project Official Website

ひとつのサイトに、3つの役割。

L Projectの開発思想を伝えること。kがつくるものを紹介すること。そして運営法人を明確にすること。この3つを、訪れる人が迷わず読み進められる情報設計にまとめています。

表現と、わかりやすさの両立。

エンジニアの個性を出すだけでは、何を依頼できるのか伝わりません。一方で会社概要だけでは、ものづくりへの考え方が見えません。制作物からサービス、運営会社、相談窓口へつながる導線を設計しました。

情報を先に。動きは、その理解のために。

トップではIdea・Build・Runの切り替えによって、考えをかたちにするプロセスを表現。すべてのページへ通常のリンクでアクセスでき、演出を操作しなくても内容を読めます。

会社情報、サービス、制作物は画面から分離したデータで管理しています。未確定の情報を補完せず、公開してよい内容だけを表示する構成です。

静的な速さと、サーバー処理を組み合わせる。

NuxtのSSRを基盤に、紹介ページは事前生成。問い合わせはNitroのサーバールートに分け、画面と送信先の処理を独立させています。

初期公開先はNetlifyを予定。将来のCloudflare移行を見据えて、実行時のファイル保存やNetlify Formsに依存しない構成にしています。

使い続けるための、小さな判断。

大きな描画ライブラリを追加せず、VueとSVGでヒーローの操作を実装。外部フォントの読込を避け、キーボード操作や動きを減らす設定にも対応しています。

問い合わせの送信先が設定されていない場合は受付を無効化。送信の受付確認が取れた場合だけ、完了を表示する設計です。

制作中。ここから検証を重ねる。

初期実装を進めている段階です。本番公開日、利用者数、改善効果などの成果指標はまだありません。公開に向けて、コンテンツの確定と表示・動作の検証を行います。