本文へスキップ
Atelier Waymarkアトリエ・ウェイマーク

Web

Atelier Waymark 公式サイト

開発アトリエ Atelier Waymark の公式受注サイトをセルフプロデュースで制作。事業紹介から料金・制作の流れ・実績・お問い合わせまでを、静的生成中心のNext.jsサイトとして構築しました。

Atelier Waymark公式サイトのトップページ
カテゴリ
Web / App
クライアント
自社サイト(セルフプロデュース)
公開日
担当範囲
ブランド設計要件定義デザイン実装SEO・OGP設計運用ドキュメント整備
主な技術
Next.jsReactTypeScriptTailwind CSS

Challenge

課題

個人開発の受注窓口として、事業としての信頼感と「クリエイターの世界観がわかる相手」であることを両立して伝える必要がありました。実績や価格のように、公開の承認が取れるまで出せない情報を安全に管理できる仕組みも要件でした。

Approach

判断・設計

「Guiding Light / Creative Orbit」をテーマに、光柱・軌道・星のオリジナルSVGモチーフでブランドを設計。実績・価格・FAQを型付きデータとして分離し、公開フラグが立つまで本番ビルドに一切含まれないゲート構造にしました。問い合わせフォーム以外は静的生成で、OGP・構造化データ・sitemapまで自動生成されます。

Result

成果

コンテンツ差し替えガイドを含む運用ドキュメントを整備し、実績・価格・FAQの追加がデータ編集だけで完結する状態に。このページの実績一覧も、その仕組みの上で動いています。

Atelier Waymark 公式サイト の画面 1
Atelier Waymark 公式サイト の画面 2
Atelier Waymark 公式サイト の画面 3

つくりたい未来の話を、
聞かせてください。

仕様が決まっていなくても大丈夫です。アイデアの段階から一緒に道筋を描き、実装まで伴走します。