Web Design

isara

サイトの概要
isaraのLPを模写しました。
目的・ゴール
ランディングページを一からすべて模写する、またレスポンシブ対応まで。
制作ポイント
細かいところまで丁寧に模写しました。flexboxを大いに活用したり、疑似要素を使ったり、JQERYで動きをつけたり、各デバイスに対応したレスポンシブデザインにしたりしました。
担当範囲
コーディング
制作期間
1か月
使用ツール
Photoshop、html、css、jQuery
制作過程
サイト全体の構図を一度自分でリデザインしてからコーディングしました。いっぺんにpcサイズをコーディングするのではなく、 途中まででいったんレスポンシブの方も終わらせてから進めました。