まちなが家族農園
既存のノーコードツールサイトのhtmlやcssによるリニューアル
概要
これは何?
背景と目的
- 短期大学の卒業研究でノーコードのホームページとオンラインショップを制作した
- 依頼者の要望に応えるため、コーディングで自由度の高いグラフィカルなサイトにしたい
- 今よりもセッション数や閲覧数、ファン数を増やしたい
コンセプト
- 依頼者の要望に沿った、閲覧者や購入者、ファンを獲得するためのサイト
成果物の仕様
制作ツール
- Mac
- MacBook Air
- Visual Studio Code
プロジェクトの期間
まとめ
調査
現状調査
- 実際に市場などで購入するよりネットショップを利用する人が多い
- 2023年12月から2024年5月までのトラフィック概要
- サイト訪問数全296件
- デバイス別セッション
- モバイル 60%, PC 39%, タブレット 1%
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ToDo
- htmlやcssなどの使い方を学ぶ
- Wixで制作したサイトを参考に試作
- ノーコードツールのサイトをコーディングする
- フォントを統一させる
- 改良点
ヘッダーを固定する
- 好評価レビューの項目を追加する
- 商品一覧をもっと詳しく分かりやすくする
- ネットショップへリンクするボタンを分かりやすくする
- Instagramの見せ方を変える
- 背景にイラストをつける
- 商品ごとに説明をつける
進捗記録
2024.06.18
進捗状況
- 改良点
好評価レビューの項目を追加する
- 商品一覧をもっと詳しく分かりやすくする
- ネットショップへリンクするボタンを分かりやすくする
Instagramの見せ方を変える
- 背景にイラストをつける
- 商品ごとに説明をつける
2024.06.11
進捗状況
2024.06.04
進捗状況
2024.05.28
進捗状況
- 改良点
ヘッダーを固定する
- 好評価レビューの項目を追加する
- 商品一覧をもっと詳しく分かりやすくする
- ネットショップへリンクするボタンを分かりやすくする
- 背景にイラストをつける
- 2023年12月から2024年5月までのトラフィック概要
- サイト訪問数全296件
- デバイスセッション
- モバイル 60%, PC 39%, タブレット 1%
2024.05.21
進捗状況
- 中間報告に備えて、従来のサイトのコーディングを行なった
2024.05.14
進捗状況
- 中間報告に備えて、従来のサイトのコーディングを行なった。
- 改良点
新たな改良点
- ネットショップへリンクするボタンを分かりやすくする
- Instagramの見せ方を変える
2024.05.07
進捗状況
- スケジュールを制作した
- 中間報告に備えて、ホームページ制作を進めた。
2024.04.30
進捗状況
- 前回に引き続き、テンプレートのコードを変えて更新した
- html辞典で様々なタグの使い方を学んだ
- 主に改良したい点
- リンクを固定する
- 好評価レビューの項目を追加する
- 商品一覧をもっと詳しく分かりやすくする
2024.04.23
進捗状況
- htmlやcssのテンプレートのコードを変更したり、追加したりした
2024.04.16
テーマ
先行事例
2024.04.09
調査
キーワード