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