Aiko Magome Web Creator
Profile

Web designウェブデザイン

制作概要

【多肉植物専門店Cactus(架空サイト)】 エビスコムの教材のデザインカンプをベースにデザインをアレンジ。取扱商品を多肉植物専門店とし、一部レイアウトを変更。写真やカラーを変更し、イラスト素材を追加。インスタのエリアも追加しました。

サイト名
Cactus online store
事業
多肉植物専門店オンライン販売
担当範囲
デザイン、コーディング
使用ツール
XD / Photoshop / Illustrator
言語
HTML / CSS / jQuery

仕様

CSSグリッドでレイアウト調整。ロゴはフェードインダウンで表示され、TOPにあるボタンをホバーするとサボテンのイラストが動く。スクロールすると各セクションの写真がフェードインアップする。商品セクションではホバーすると上にスライドアップする。

PC-01
PC-02
SP-01
SP-02