LogoMark.png

楠田佑月/情報デザイン研究II のバックアップ(No.2)


Inc.hair design

美容室のWebデザイン提案

inc.png


概要

これは何?

inc.という大名にある美容室のInstagram運営(他美容室との差別化)、webサイト制作・提案

背景と目的

現状→インスタグラムの投稿数が少ない
お客さん目線→通っている美容室のSNSがあまり更新されない為ヘアスタイルのイメージが湧きづらい、やってほしい髪形にしてもらえるのか不安がある
inc.ホットペッパーのみ
ターゲット→学生、20前半

コンセプト


成果物の仕様

Instagram、webサイト

メンバー

楠田佑月

制作ツール

Photoshop, Visual Studio Code, Github,

プロジェクトの期間

プロジェクトの期間|2024.09.16 - 20XX.XX.XX

まとめ

元々Instagramアカウントも作成するつもりだったが、新規顧客だけでなく既存のお客様にも見てもらえるためオーナーである阿部さんの現在のアカウントで投稿してもらうことにした。投稿文に加えて、ヘアスタイルのギャラリーサイトのURLを掲載してもらう。また、参考本のおかげでワイヤーフレーム通りのコーディングができた。




調査

現状調査

⭐️いいところ

先行事例

⭐️ベンチマーク

技法・技術情報

⭐️無料サーバー

プロジェクト管理

スケジュール

リンクはこちら

ToDo





進捗記録




2024.11.25

学科サイトの更新

2024.11.18

オーナーである阿部さんと考えてみた結果、
インスタグラム→今あるアカウントを阿部さんが更新
ヘアスタイルのギャラリーサイトを私が作成
阿部さんの投稿にURLを載せてもらうことにした。
(新規顧客だけでなく既存のお客様にも見てもらえるため)
参考本どおりに作成したら余計なコードがあったため1つ1つ理解をして作成することが大切だと教えて頂いた!

2024.11.11

下記の参考本を用いてコーディング作業を行なった!

2024.11.04

1冊ですべて身につくHTML & CSSとWebデザイン入門講座を購入した!
写真を送ってもらった!

2024.10.28

⭐️中間報告

2024.10.20

前回の試作では他美容室との差別化ができないため、撮り方を何パターンか試してみた。
リンクはこちら
写真→色味が分かりやすいように撮ってもらった。顔の掲載許可が出た方のみ掲載する予定。顔があった方が雰囲気が伝わって施術のイメージがつきやすいため。
動画→1周してみるより、髪の毛に動きがあった方が阿部さん(オーナー)の施術の特徴であるサラツヤ髪が引き立つ✨
サイトはこちら

2024.10.14

⭐️サイトマップ

map.png

⭐️ワイヤーフレーム(モバイル版とweb版)

mo.png
web.png

⭐️投稿写真の試作

01.png

⭐️投稿文
投稿原稿
⭐️Instagramのアカウント作成

IMG_4561.PNG

リンクはこちら

経過報告

2024.10.07

経過報告

⭐️Instagramとフォトギャラリーの違い

2024.09.30

経過報告

決めたこと!

2024.09.23

経過報告

2024.09.16

調査

キーワード