梁井英翔/情報デザイン研究II

Remake BRIDGE

美容室"hair salon BRIDGE"Webサイトリメイク

• 梁井英翔
• Keywords：・・, ・・・, ・・・, ・・・
• https://speacelenger.github.io/bridgebe/

• https://bridge1121.wixsite.com/bridge2016com
  (既存のWeb)

概要

これは何？

• 美容室のWebサイトをリメイク
  
  

背景と目的

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

コンセプト

• 「シンプルに、心地よく。」
• どの年代の顧客にも分かりやすく、統一感のあるデザインに仕上げ、初心者でも改変しやすいWebサイトの制作。
  
  

成果物の仕様

• Webサイト
• 概要集
  
  

メンバー

制作ツール

プロジェクトの期間

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

まとめ

• まだ改善の余地はたくさんあるが既存のWebサイトでは伝えきれない内容を掲載し、美容室の第一印象を変えれるWebサイトにはできた。
• 初心者でも改変しやすいという点で、シングルページを取り扱いましたが、まとめるのは難しく要素を増やしすぎないような工夫が必要だと感じました。

調査

現状調査

• Webデザイン事例
• 美容室の予約状況
  
  

先行事例

• 美容室イマージュ
• ラムネ
  
  

技法・技術情報

• HTML
• CSS
  Photoshop

プロジェクト管理

スケジュール

ToDo

2025.1.07

• ヘッダーマウスホバー時の中央線を下線に変更
• スマホ表示時の画像の大きさを調整
  
  
  
  

2024.12.23

• 概要集編集
  
  
  
  

2024.12.16

• 発表
  
  
  
  

2024.12.09

• コーディング
• マップの埋め込み
• 公式LINEへの導線追加
  
  
  
  

2024.12.02

• レスポンシブデザイン
  • ハンバーガーメニューの作成
    
    
    
    

2024.11.25

• コーディング
  • 画像のレイアウト
  • ヘッダーの作成
  • スクロールアニメーション
    
    
    
    

2024.11.18

2024.11.11

2024.10.28

2024.10.21

-写真の撮影

2024.10.14

2024.10.07

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

2024.09.30

hair salon BRIDGE

• サイトマップ
  

2024.09.23

hair salon BRIDGE

• 「テーマ」
  • 美容室のWebサイトのリメイク
• 美容室特長
  • １体１完全個室美容室

2024.09.16

テーマ決め

• Webサイト制作(美容室）
• ロゴデザイン