料理教室サイト制作｜HTML・CSS・JavaScript・レスポンシブ対応

Viva_Airi｜webデザイナー
フリーランス/webデザイナー
OVERVIEW

実案件を想定した4ページ構成のWebサイトを、スマホ対応やJavaScriptによるナビメニューの動きまで含めて、一貫して制作しました。 Hertechの課題で作成した個別ページをベースに、実践的な構成として再構築しています。

YEAR 2025

｜制作概要

※本作品は、Hertechのカリキュラム課題で制作した各ページ（TOP、ABOUT、COURSE、CONTACTなど）をベースに、デザインや構成を調整して1つのWebサイトとして再構成したものです。

  • 制作形式：Figmaのデザインカンプからのコーディング

  • 使用技術：HTML / CSS / JavaScript / レスポンシブ対応

  • 対応範囲：HTML/CSS/JavaScriptによるコーディング（デザインカンプはHertech支給）

✦ 実際の表示はこちらからご覧いただけます

（GitHub Pages）
▶ Webサイトを開く（Kitchen Lab）


※実案件ではありませんが、より実践的なアウトプットを意識して構成・実装を行いました。


WEBSITE