Project Detail
Visit Site
WebサイトとDX商材のカスタムECサイト Smart Works
職業訓練のグループ課題で作成したカスタムECサイト
主な使用技術
Astro Preact Tailwind CSS Hono Cloudflare Zod Vitest Playwright
＜サイト詳細＞
Astro + Preact を中核に、IT系企業向けに実践性の高いハイブリッドECサイトを構築しました。 主な機能：テンプレート一覧・プレビュー・タグ検索、ステップ式見積フォーム、カート経由の注文、会員登録・マイページなどのユーザー機能。 技術構成：Astro と Preact による高速なフロントエンド、Tailwind CSS で統一したスタイル、Cloudflare / Hono によるAPI設計、Zod を用いた型安全なデータ検証。 Vitest / Playwright を前提にテストを意識した構成とし、業務設計とUIの両面で現場対応力を示せる内容としています。
＜制作の感想＞
職業訓練のグループ課題として開発したカスタムECサイトで、私は主にUIとデザインを担当しました。 特にこだわったのは、サイトの印象を決める画像制作で、デザインの方向性をしっかり固めることを意識しました。 仲間と考えを共有しながら進めることは難しかったものの、一緒に意見を出し合って形にしていく過程は非常に刺激的で楽しめました。グループ制作の進め方を学ぶ良い経験にったと思います。