【概要】
レストラン公式サイトのフロントエンド実装
ブランドイメージに合わせた動きと使いやすさを重視したサイト構築
【ページ構成】
・TOPページ
・メニューページ
・ニュースページ
【対応範囲】
コーディング(Nuxt.jsによる実装)
【制作期間】
コーディング:10日
【使用ツール】
Nuxt.js、SCSS、JavaScript、jQuery、
Visual Studio Code、GitHub
【意識したこと】
① Nuxt.jsを活用した滑らかな動きの表現
:リンクホバーの演出やスライダーなど、動きのある演出をNuxt.jsで柔軟に実装し、
ブランドイメージに合った“心地よい操作感”を重視しました。
② Webアクセシビリティへの配慮
:画像には適切な alt 属性を付与し、視覚的に見えない情報も伝わるよう対応。
誰でも使いやすいサイトを目指しました。
③ 保守性・再利用性の高いコーディング
:HTML構造は意味が伝わりやすいように整理し、
クラス名は「役割が分かる命名」を徹底して管理しやすいコードを心がけました。
④ 軽量化と表示速度の最適化
:不要コードや重い処理を極力避け、快適に閲覧できるようパフォーマンスも重視しました。