Suoria 公式サイト

背景・目指したこと

3Dパースを依頼したい方と、制作の技術を学びたい方が、それぞれ必要な情報へ進めることを目指しました。制作内容・講座・作品例を整理し、事業の全体像と相談先が分かる構成にしています。

制作・支援内容

3Dパースの作品画像やブランド映像を活かし、Suoriaの制作と教育の事業を伝えるサイトをAstroで構築しました。3Dパース制作、スクールessens、SNS運用コンサル、動画制作を、それぞれのサービスページで紹介しています。

制作依頼と講座の案内を分け、目的に合わせて相談先へ進める導線を用意しました。スマートフォンでも事業内容や作品を確認しやすいよう、文字の大きさや余白を整えています。

作品を伝える制作事例とギャラリー

住宅パースの公開事例に加え、照明や配色による空間の見え方を比較できる表現例を紹介しています。3Dパースのサービスページには作品ギャラリーを設け、画像と説明から制作内容を確認できるようにしました。

EmDashで整えたこと

ブログ記事の本文・画像・カテゴリー・タグはEmDashで管理します。管理画面から新しい記事を追加し、下書きで内容を確認してから公開できる構成です。

サービス紹介や制作事例のページはAstroで構成し、ブログの更新と、サイト全体のデザイン・ページ編集を分けて運用する形に整えました。

公開・運用の構成

WebサイトはCloudflare Workersで配信し、ブログのデータはD1、アップロードする画像はR2に保存しています。作品と事業を伝えるページに、継続して記事を発信できるブログを組み合わせた構成です。