【作業内容】
・デザインカンプ制作(Photoshop)
・コーディング(AtomにてHTML、CSSのコーディング)
・レスポンシブ対応(ハンバーガーメニュー作成時にJQuery)
【作業時間】
・コーディング(レスポンシブ対応含む)：約8時間
---------------------------------------
【目的】
・雑貨店が行うプロジェクトをより多くの人に知っていただく
・手紙の魅力に気付いてもらうこと
【内容】
concept、about、voice、item、access
【ターゲット】
・雑貨店や手紙が好きな人
・誰かに自分の気持ちを伝えたいと思っている人
【工夫したポイント】
・プロジェクトを知っていただくためのホームページ制作だったので、メインビジュアルの文字を大きく設定
・aboutにてどのようなステップで手紙を書くのか想像しやすように説明する
・たくさんの人が参加しているということを知っていただき、プロジェクトに参加するハードルを下げるためにvoiceを配置
・雑貨店の企画のためこちらの商品を使っていただけたら、という店主の想いをitemにて記載。
・手紙の写真を多く設置することで、身近に感じてもらう
・実際に雑貨店に来たいひとがいると想定し、accessを設置
・道に迷わずお店にたどり着くよう、accessにボタンを追加する工夫をした
---------------------------------------
【PC】スクリーンショット
【スマートフォン】スクリーンショット
※こちらは架空の案件となっております。