サイトはこちら
作成時期
2019年12月（修正：2020年9月～10月）
作成期間
ワイヤーフレーム1日、デザインカンプ2日間、コーディング10日間
実作業時間
合計：55.5時間
構想・ラフ：3時間
ワイヤーフレーム（SP、TB、PC）：7時間
デザインカンプ：5.5時間（SP：2.7時間、TB：1.3時間、PC：1.5時間）
コーディング合計：40時間
（クラス名決定：4.75時間
HTML（SP）：3時間
Sass合計：27.5時間（SP：13時間、TB：2.75時間、PC：11.75時間）
jQuery、JavaScript組み込み：4.25時間
修正：0.5時間）
ページ数
1P
使用アプリケーション
Brackets(コーディング部分)※修正時VScode 、PhotoShopCC(ワイヤーフレーム・デザインカンプ)
使用言語
HTML、CSS(SCSS)、jQuery、JQueryプラグイン、JSプラグイン
使用jQ、JSプラグイン
waypoint(jQuery)、object-fit-image、Swiper(JS)
ターゲット
10代~30代女性で、流行の感度の高い人
「100円で世界が見える」をキーワードに、雑貨店のトップページサンプルを作成しました。
100円ショップとのことで、最初は全年齢をターゲットにしていましたが、「世界中の雑貨・アクセサリー」「手ごろに買えるお値段」「見ているだけでも世界が見えて楽しい」を考えた結果、ターゲットを「流行の感度の高い若い女性」に変更いたしました。
ファッションサイトを参考にし、余白を多め・明朝体（セリフ体）にし、スクロールするとふわっと要素が出てくる「waypoint」を使用しております。「世界・平和」をイメージして、おとなしめの黄緑をメインカラーとしております。
※2020年9月～10月に、周囲の声を聞き、修正した箇所がございます。
・100円サイトらしく見えない。100円など、数字部分をもう少し目立たせた方がいい。→ロゴを作成し、「100」の箇所を強調させております。
・フォントを明朝体から、シンプルな游ゴシックに変更