LogoMark.png

梁井英翔/情報デザイン研究II の変更点


#author("2024-12-16T09:39:31+09:00;2024-12-16T09:20:46+09:00","default:member","member")
#author("2024-12-16T09:44:37+09:00","default:member","member")
#setbgcolor(white)
*Remake BRIDGE
美容室"hair salon BRIDGE"Webサイトリメイク
#image(WebDesignimage.png)



   
 
-''梁井英翔''
-'''Keywords:・・, ・・・, ・・・, ・・・'''
-https://speacelenger.github.io/bridge-best/

-https://bridge1121.wixsite.com/bridge2016com (既存のWeb)
-https://bridge1121.wixsite.com/bridge2016com
(既存のWeb)
//-__[[相互評価シート>https://www.example.com]]__  ← ここからコメントをお願いします。

~

//***CONTENTS
//#contents2_1
//~


**概要
***これは何?
//&color(red){これは何か・・を簡潔に};
-美容室のWebサイトをリメイク
~

***背景と目的
//&color(red){プロジェクトの背景と目的};
-鳥栖市にある美容室、"hair salon BRIDGE"私自身も通っている美容室のWebサイト既存のWebサイトが更新されてなく、美容室の顔であるWebサイトを整えたいという思いから、リニューアルを提案し、いWebサイトの改善を決めた。
-現在のWebサイトに明記されていない情報を掲示し、レスポンシブ対応など整理されている内容のWebサイトの制作し美容室の第一印象をより良くするWebサイトを目指す。
~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
-「シンプルに、心地よく。」
-どの年代の顧客にも分かりやすく、統一感のあるデザインに仕上げ、初心者でも改変しやすいWebサイトの制作。
~

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
-[[Webサイト>https://speacelenger.github.io/bridge-best/]]
-[[概要集>https://drive.google.com/file/d/1kRsPWiHeaIPKDFwl5nHQ2QwnAP3Q0ll9/view?usp=sharing]]
~

***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記};
~

***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};

~

***プロジェクトの期間
プロジェクトの期間|2024.09.16 - 2024.12.23 

~
***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
-まだ改善の余地はたくさんあるが既存のWebサイトでは伝えきれない内容を掲載し、美容室の第一印象を変えれるWebサイトにはできた。
-初心者でも改変しやすいという点で、シングルページを取り扱いましたが、まとめるのは難しく要素を増やしすぎないような工夫が必要だと感じました。


~
~
**調査

***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
-[[Webデザイン事例>https://graphity.co.jp/web-design/]]
-[[美容室の予約状況>https://www.beautopia.jp/12263/]]
~


***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
-[[美容室イマージュ>https://image-f.jp/sitemap.html]]
-[[ラムネ>https://lamune-kyoto.com/]]
~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-HTML
-CSS
Photoshop

~
~

**プロジェクト管理

***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
~

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};


//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしないか」を考える};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
**2024.12.09
-コーディング
-レスポンシブデザイン
-
~
~
**2024.12.02

-
~
~
**2024.11.25
-コーディング
-レスポンシブデザイン
-
~
~

**2024.11.18
#image(w5.jpg)

~
~

**2024.11.11
#image(w3.png)
#image(w4.png)

~
~

**2024.10.28
#image(w1.png)
#image(w2.png)
~
~
**2024.10.21
[[-写真の撮影>https://drive.google.com/drive/folders/1UffxUeojKhygbYHzXscU4IrvzgymTTbs?usp=sharing]]

~
~

~
~
**2024.10.14
#image(WIRE2.jpg)
-

~
~

**2024.10.07
-サイトの内容整理
-ロゴフォント(UD角ゴ_ラージ Pr6)
-イメージ
--海辺、ビーチ 海 砂浜
-店内販売商品掲載(確認中)
-ワイヤーフレーム
#image(WIRE.jpg)

-

~
~

**2024.09.30
***[[hair salon BRIDGE>http://bridge1121.wixsite.com/bridge2016com]]
-サイトマップ
#image(sitemap1.png)



~
~

**2024.09.23
***[[hair salon BRIDGE>http://bridge1121.wixsite.com/bridge2016com]]
-「テーマ」
--美容室のWebサイトのリメイク
-美容室特長
--1体1完全個室美容室

~
~

**2024.09.16
***テーマ決め
-Webサイト制作(美容室)
-ロゴデザイン
~
~

~