Website Design

デザインについて

カフェのデモサイトのコーディングをしました。 Illustratorのデザインカンプから、値を取得し、デザインを忠実に再現しています。具体的な機能は、トップへボタンの実装、Google Mapsの地図の表示、画像スライダー等があります。トップへボタンに加え、グローバルメニューの各項目についても、ページ内リンクを設置しました。また、ファーストビューと、ギャラリーセクションでは、JavaScriptによって画像スライダーを設置しました。 ギャラリーセクションでは、画像をクリックすると、拡大した画像が表示されるモーダルウィンドウを実装しています。
さらに、ユーザーがサイトを使いやすくできるよう、パソコンとスマートフォンの画面サイズにレイアウトを最適化する、レスポンシブ対応をしています。