Web Design

DESIGN FOR SMILE

サイトの概要
仮想のホームページ、DESIGN FOR SMILEを制作しました。
目的・ゴール
positionプロパティを上手く使いこなせるようにする。疑似要素、ハンバーガーメニューの作成を身に着ける。
制作ポイント
ハンバーガーメニューも用いてナビゲーションの作成をしました。さらにレスポンシブ対応にする際、幅を小さくしていってもメインビジュアルがしっかりインパクトに残るようサイズ調整したり、各要素の配置を変えたりしました。 見やすいように要素を中央に寄せたり、色を統一感のあるように仕上げました。
担当範囲
コーディング
制作期間
10日間
使用ツール
Photoshop、html、css、jQuery
制作過程
見本のサイトとは作り方が違うかもしれないが、自分なりの考え方でいろいろなプロパティを調べ上手く工夫して実装しました。