WORKS

Article thumbnail

Cultivera（カルティベラ）コーポレートサイト

2026.7

WordPress、JavaScript、HTML、CSS
【概要】新規コーポレートサイト（農業技術開発企業）
【機能】カスタム投稿「PROJECT」／カスタムフィールドによるページ構築／レスポンシブ対応
【担当作業】テクニカルディレクション、設計、難所実装、リードコーディング、コードレビュー、仕上げ
【制作期間】約3ヶ月（実装稼働）
【URL】https://cultivera.jp/

 

成果とデザイナーの声

  • 待望の公開: 数年がかりのプロジェクトを経て、2026年6月に公開。長く待たれていたサイトだけに、公開と同時に業界内外から反響が寄せられた。
  • 色褪せないデザイン: 長い時間を重ねてなお古びず、公開時点でも新しさを保つデザインだった。
  • デザイナーからの信頼: デザインを手がけた non Editions 青山希望さんに仕事を評価いただき、その後も継続してご依頼をいただいている。

 

はじめに

「自然の叡智で『生きる』を拡張する。」——独自の栽培技術 Moisculture を軸に、未来の農業を切り拓く企業カルティベラ様のコーポレートサイトです。

デザインを手がけたのは、non Editions の青山希望さん。掲げるビジョンを、格調高く・静かに・力強く伝える世界観がつくり込まれていました。

構想からリスケを挟み、公開までには長い時間をかけたプロジェクトです。それでも青山さんのデザインはまったく色褪せることなく、2026年6月の公開時点でも古びない完成度。私たち山キノコロリ Web事業部が担ったのは、その世界観を一切損なわずWebとして立ち上げる技術的な役割です。

 

1. 制作前の課題 ― デザインの世界観を、Webで“そのまま”成立させる

  • 静止画のデザインカンプには「動き」や「余白の呼吸」が織り込まれており、それをWeb上で自然に再現する必要があった。
  • レスポンシブの中間幅などカンプに存在しない状態を、世界観を壊さずに補完する必要があった。
  • 「PROJECT」は投稿形式のため、一覧ページと詳細ページで見せる情報が異なり、さらに文章や画像が増減してもデザインの美しさが崩れない設計が求められた。

 

2. 施策 ― 世界観の再現と、破綻しない設計

施策

具体的な実装

デザインの世界観を再現

青山さんのデザイン意図を読み取り、動き・レスポンシブの中間状態を補完。デザイナー本人が納得する再現度まで作り込んだ

「PROJECT」の設計・品質担保

多数のカスタムフィールドを要する「PROJECT」で、一覧ページと詳細ページで見せる情報が異なる構造を整理。文章や画像が増減しても破綻せず美しさを保つ設計方針を定め、品質を管理した

チーム開発の統括

テクニカルディレクション・リードコーディング・コードレビューを担い、難所を自ら実装。全体の仕上げまで統括した

 

3. 成果 ― 数年越しの“待望のローンチ”

  • 待望の公開: 着手から数年越しでの公開となり、長く待たれていたサイトだけに、公開と同時に業界内外から反響が集まった。
  • デザイナーからの継続依頼: デザインを手がけた non Editions 青山希望さんに仕事を評価いただき、その後も継続してご依頼をいただいている。

 

4. 担当範囲 ― 良い座組で、完成度を最大化

項目

担当

デザイン

non Editions・青山希望さん

テクニカルディレクション・設計

山キノコロリ Web事業部

難所実装・カスタムフィールド／カスタム投稿設計

山キノコロリ Web事業部

リードコーディング・コードレビュー・仕上げ

山キノコロリ Web事業部

コーディング（実装協力）

ギガデザイン yanagi

 

まとめ — 優れたデザインを、優れた実装で“翻訳”する

このプロジェクトで山キノコロリ Web事業部が果たしたのは、青山さんの世界観を読み取り、動きやレスポンシブの中間状態まで補完して、デザイナー本人が納得する形でWebへ翻訳する役割でした。

  • カンプの「動き」「余白」まで読み取り、静止画にない状態を世界観そのままに補完。
  • 多数のカスタムフィールドを扱う「PROJECT」の設計方針と品質基準を定め、チームで作っても破綻しない仕組みを統括。
  • テクニカルディレクション・リードコーディング・コードレビューで全体の品質を担保。

優れたデザインは、実装で再現しきれてはじめて価値になります。デザイナーの意図を正確に読み取り、世界観を損なわずWebへ翻訳すること──それが、私たち山キノコロリ Web事業部が最も大切にしている仕事です。

 

ご相談ください

デザイナーさん・制作会社さんから、こんなご相談をよくいただきます。

  • デザインの世界観を崩さずWeb実装したい
  • カンプにない動き・レスポンシブの中間まで詰めたい
  • カスタムフィールド設計で、更新しても破綻しないCMSにしたい

カンプの“外側”まで意図を汲んでWebに立ち上げる──翻訳と実装のパートナーが必要なときは、お気軽にご連絡ください。ご要望とご予算を伺い、最適なプランをご提案します。

▶ お問い合わせフォーム

BACK