待永萌衣/情報デザイン研究I をテンプレートにして作成

開始行:
#settextcolor(#3e2e28) *まちなが家族農園 既存のノーコードツールサイトのhtmlやcssによるリニューアル #image(main3.png,80%) -''待永萌衣'' -'''Keywords：みかん農園, webサイト, html,css''' -既存のサイト：https://www.machinaga-farm.com -まちなが家族農園のサイト：https://moe-ksu.github.io/mach... -[[【継続】デザイン研究II/PR動画>https://design.kyusan-u.... //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; -みかんを主に販売する家族農園のwebサイト ~ ***背景 //&color(red){プロジェクトの背景と目的}; -短期大学の[[卒業研究>https://ksumail-my.sharepoint.com/:... -現在Wixの有料プランを利用（広告の非表示、独自ドメインの... -ノーコードツールはテンプレートやCSSを途中から変更するこ... --依頼者(母)が望む「親しみやすい家族農園」を伝えるサイト... --ネットショップを求めたサイト訪問者にとって、ネットショ... -長期的に運用していきたいため、中身がブラックボックスであ... ~ ***目的 -依頼者(母)の「親しみやすい家族農園、家族全員で農園を支え... -より多くのサイト訪問者に、ネットショップまで閲覧してもらう -今よりもセッション数や閲覧数、ファン数を増やす ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -親しみやすさやあたたかさを表現する --フォントや図形を、丸みを帯びたデザインにする --文章は私目線で書く --イラストや吹き出しなどを用いる -農業関係の企業の方も閲覧しやすいように、cssで派手なデザ... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -web形式（複数ページ） --GitHub --Visual Studio Code ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -Mac -MacBook Air - Visual Studio Code ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... -2024/04/09 - 後期まで ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... -見出しや吹き出しなど細かいところまでコンセプトに沿って制... -後期 --スマホで開いた場合、部分的にレイアウトが不完全なところ... --農園の風景や、農園について詳しく紹介する動画の制作 ~ -最終報告で受けた指摘 --ホームページにまちなが家族農園らしさを出す --%%ネットショップへのリンクを画面に固定させる、風船をゆ... --%%私目線で書いていることを分かりやすくする%% ---%%文の最後に自分の名前を記載%% ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -実際に市場などで購入するよりネットショップを利用する人が... -2023年12月から2024年5月までのトラフィック概要 --サイト訪問数全296件 #image(トラフィック概要.png,80%) --デバイス別セッション ---モバイル 60%, PC 39%, タブレット 1% ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[Wixで制作した現在のまちなが家族農園のwebサイト>https:/... -[[やまだい農園 信州りんご発祥の里>https://www.apple-naga... -[[善積農園>http://yoshizumi-noen.com/]] --背景や各セクションごとに可愛らしいイラストやデザインが... -[[エステサロンのサイト>https://coco-factory.jp/ugokuweb/... --ひとつひとつの情報が端的にまとまっていて見やすい ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -htmlやcssなどのwebデザインの技術 ~ ~ **プロジェクト管理 ***スケジュール -[[スケジュールはこちら>https://ksumail-my.sharepoint.com... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%ノーコードツールのサイトをコーディングする%% -%%フォントを統一させる%% -%%メインビジュアル画像の上に文字を配置する%% -スマートフォンに対応させる -改良点 --%%ヘッダーを固定する%% --%%好評価レビューの項目を追加する%% --%%商品一覧により詳しい説明を入れる%% --%%ネットショップへリンクするボタンをメインビューにも配... --%%Instagramの見せ方を変える%% --%%背景にイラストをつける%% -中間報告で受けた指摘 --%%誤字脱字%% --%%自分のことを目的やコンセプトに入れない%% --%%スマートフォン対応に設定できるコードを入れる%% --%%ご挨拶の文をコンパクトにする%% --%%フォントのサイズや書体を揃える%% --%%商品一覧に商品の説明を入れる%% --%%縦書き画像をhtmlとcssで表示させる%% ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2024.07.23 ***ブラッシュアップ -最終報告で受けた指摘 --ホームページにまちなが家族農園らしさを出す --%%ネットショップへのリンクを画面に固定させる、風船をゆ... --%%私目線で書いていることを分かりやすくする%% ---%%文の最後に自分の名前を記載%% -犬の画像をボタンだと分かりやすくするために、動きをつけた -細かいレスポンシブ対応を行なった --ヘッダーのリンクボタンをまとめて、ハンバーガーメニュー... --スマホの機種によって表示のされ方が異なるので、機種別の... ~ ~ **2024.06.25 ***進捗状況 -%%メインビジュアル画像の上に文字を配置する%% -スマートフォンに対応させる -改良点 --%%Instagramの見せ方を変える%% --%%背景にイラストをつける%% -中間報告で受けた指摘 --%%縦書き画像をhtmlとcssで表示させる%% ~ ~ **2024.06.18 ***進捗状況 -改良点 --%%好評価レビューの項目を追加する%% --%%商品一覧をもっと詳しく分かりやすくする%% --%%ネットショップへリンクするボタンをメインビューにも配... --%%Instagramの見せ方を変える%% --背景にイラストをつける -中間報告で受けた指摘 --%%フォントのサイズや書体を揃える%% --%%商品一覧に商品の説明を入れる%% --縦書き画像をhtmlとcssで表示させる ~ ~ **2024.06.11 ***進捗状況 -https://moe-ksu.github.io/machinaga-farm.20240611/ --オンラインショップへのリンクボタンの作成 --別ページへのボタンの作成 -中間報告で受けた指摘 --%%誤字脱字%% --%%自分のことを目的やコンセプトに入れない%% --%%スマートフォン対応に設定できるコードを入れる%% --%%ご挨拶の文をコンパクトにする%% --フォントのサイズや書体を揃える --商品一覧に商品の説明を入れる --縦書き画像をhtmlとcssで表示させる ~ ~ **2024.06.04 ***進捗状況 -従来のサイトのコーディングの完成 ~ ~ **2024.05.28 ***進捗状況 -改良点 --%%ヘッダーを固定する%% --好評価レビューの項目を追加する --商品一覧をもっと詳しく分かりやすくする --ネットショップへリンクするボタンを分かりやすくする --背景にイラストをつける -2023年12月から2024年5月までのトラフィック概要 --サイト訪問数全296件 #image(トラフィック概要.png,80%) --デバイスセッション ---モバイル 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 ***テーマ -まちなが家族農園のサイトのリニューアル ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[Wixで制作した現在のまちなが家族農園のwebサイト>https:/... -参考にする農園のサイト --[[やまだい農園 信州りんご発祥の里>https://www.apple-nag... --[[善積農園>http://yoshizumi-noen.com/]] ~ ~ **2024.04.09 ***調査 -家族農園のサイトの更新 ~ ***キーワード -webデザイン -動画編集 ~ ~ ~

終了行:
#settextcolor(#3e2e28) *まちなが家族農園 既存のノーコードツールサイトのhtmlやcssによるリニューアル #image(main3.png,80%) -''待永萌衣'' -'''Keywords：みかん農園, webサイト, html,css''' -既存のサイト：https://www.machinaga-farm.com -まちなが家族農園のサイト：https://moe-ksu.github.io/mach... -[[【継続】デザイン研究II/PR動画>https://design.kyusan-u.... //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; -みかんを主に販売する家族農園のwebサイト ~ ***背景 //&color(red){プロジェクトの背景と目的}; -短期大学の[[卒業研究>https://ksumail-my.sharepoint.com/:... -現在Wixの有料プランを利用（広告の非表示、独自ドメインの... -ノーコードツールはテンプレートやCSSを途中から変更するこ... --依頼者(母)が望む「親しみやすい家族農園」を伝えるサイト... --ネットショップを求めたサイト訪問者にとって、ネットショ... -長期的に運用していきたいため、中身がブラックボックスであ... ~ ***目的 -依頼者(母)の「親しみやすい家族農園、家族全員で農園を支え... -より多くのサイト訪問者に、ネットショップまで閲覧してもらう -今よりもセッション数や閲覧数、ファン数を増やす ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -親しみやすさやあたたかさを表現する --フォントや図形を、丸みを帯びたデザインにする --文章は私目線で書く --イラストや吹き出しなどを用いる -農業関係の企業の方も閲覧しやすいように、cssで派手なデザ... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -web形式（複数ページ） --GitHub --Visual Studio Code ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -Mac -MacBook Air - Visual Studio Code ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... -2024/04/09 - 後期まで ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... -見出しや吹き出しなど細かいところまでコンセプトに沿って制... -後期 --スマホで開いた場合、部分的にレイアウトが不完全なところ... --農園の風景や、農園について詳しく紹介する動画の制作 ~ -最終報告で受けた指摘 --ホームページにまちなが家族農園らしさを出す --%%ネットショップへのリンクを画面に固定させる、風船をゆ... --%%私目線で書いていることを分かりやすくする%% ---%%文の最後に自分の名前を記載%% ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -実際に市場などで購入するよりネットショップを利用する人が... -2023年12月から2024年5月までのトラフィック概要 --サイト訪問数全296件 #image(トラフィック概要.png,80%) --デバイス別セッション ---モバイル 60%, PC 39%, タブレット 1% ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[Wixで制作した現在のまちなが家族農園のwebサイト>https:/... -[[やまだい農園 信州りんご発祥の里>https://www.apple-naga... -[[善積農園>http://yoshizumi-noen.com/]] --背景や各セクションごとに可愛らしいイラストやデザインが... -[[エステサロンのサイト>https://coco-factory.jp/ugokuweb/... --ひとつひとつの情報が端的にまとまっていて見やすい ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -htmlやcssなどのwebデザインの技術 ~ ~ **プロジェクト管理 ***スケジュール -[[スケジュールはこちら>https://ksumail-my.sharepoint.com... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%ノーコードツールのサイトをコーディングする%% -%%フォントを統一させる%% -%%メインビジュアル画像の上に文字を配置する%% -スマートフォンに対応させる -改良点 --%%ヘッダーを固定する%% --%%好評価レビューの項目を追加する%% --%%商品一覧により詳しい説明を入れる%% --%%ネットショップへリンクするボタンをメインビューにも配... --%%Instagramの見せ方を変える%% --%%背景にイラストをつける%% -中間報告で受けた指摘 --%%誤字脱字%% --%%自分のことを目的やコンセプトに入れない%% --%%スマートフォン対応に設定できるコードを入れる%% --%%ご挨拶の文をコンパクトにする%% --%%フォントのサイズや書体を揃える%% --%%商品一覧に商品の説明を入れる%% --%%縦書き画像をhtmlとcssで表示させる%% ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2024.07.23 ***ブラッシュアップ -最終報告で受けた指摘 --ホームページにまちなが家族農園らしさを出す --%%ネットショップへのリンクを画面に固定させる、風船をゆ... --%%私目線で書いていることを分かりやすくする%% ---%%文の最後に自分の名前を記載%% -犬の画像をボタンだと分かりやすくするために、動きをつけた -細かいレスポンシブ対応を行なった --ヘッダーのリンクボタンをまとめて、ハンバーガーメニュー... --スマホの機種によって表示のされ方が異なるので、機種別の... ~ ~ **2024.06.25 ***進捗状況 -%%メインビジュアル画像の上に文字を配置する%% -スマートフォンに対応させる -改良点 --%%Instagramの見せ方を変える%% --%%背景にイラストをつける%% -中間報告で受けた指摘 --%%縦書き画像をhtmlとcssで表示させる%% ~ ~ **2024.06.18 ***進捗状況 -改良点 --%%好評価レビューの項目を追加する%% --%%商品一覧をもっと詳しく分かりやすくする%% --%%ネットショップへリンクするボタンをメインビューにも配... --%%Instagramの見せ方を変える%% --背景にイラストをつける -中間報告で受けた指摘 --%%フォントのサイズや書体を揃える%% --%%商品一覧に商品の説明を入れる%% --縦書き画像をhtmlとcssで表示させる ~ ~ **2024.06.11 ***進捗状況 -https://moe-ksu.github.io/machinaga-farm.20240611/ --オンラインショップへのリンクボタンの作成 --別ページへのボタンの作成 -中間報告で受けた指摘 --%%誤字脱字%% --%%自分のことを目的やコンセプトに入れない%% --%%スマートフォン対応に設定できるコードを入れる%% --%%ご挨拶の文をコンパクトにする%% --フォントのサイズや書体を揃える --商品一覧に商品の説明を入れる --縦書き画像をhtmlとcssで表示させる ~ ~ **2024.06.04 ***進捗状況 -従来のサイトのコーディングの完成 ~ ~ **2024.05.28 ***進捗状況 -改良点 --%%ヘッダーを固定する%% --好評価レビューの項目を追加する --商品一覧をもっと詳しく分かりやすくする --ネットショップへリンクするボタンを分かりやすくする --背景にイラストをつける -2023年12月から2024年5月までのトラフィック概要 --サイト訪問数全296件 #image(トラフィック概要.png,80%) --デバイスセッション ---モバイル 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 ***テーマ -まちなが家族農園のサイトのリニューアル ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -[[Wixで制作した現在のまちなが家族農園のwebサイト>https:/... -参考にする農園のサイト --[[やまだい農園 信州りんご発祥の里>https://www.apple-nag... --[[善積農園>http://yoshizumi-noen.com/]] ~ ~ **2024.04.09 ***調査 -家族農園のサイトの更新 ~ ***キーワード -webデザイン -動画編集 ~ ~ ~

ページ名: