my new era
自分や友達、好きなものまとめたサイト
- Uta Inayoshi
- Keywords：Web design, friends, favorite
- _
プロトタイプ評価シート_ ご協力ありがとうございました。 - https://shiesuta23.github.io/my-new-era/
概要
背景と目的
日常を思い出に残すために、自分の好きなようにまとめてサイトを作る。
成果物の仕様
商品サイトのように日ごとなどで分けてズラーっと並べる。
GoogleSitesで作成する
制作ツール
パソコン・スマホ
進捗記録
2026.05.28
作業の記録
欠席
- favoriteのページを一番工夫した
2026.05.25
作業の記録
- メインビジュアル、サブビジュアル
- homeページの作成
- 他のページに飛ぶためのページ
MEMO（ToDo項目など）
- menu,new,aboutページの作成
- フォントの変更
2026.05.18
作業の記録
- 使いたい写真をまとめた
- メインイメージ
MEMO（ToDo項目など）
- html
- 写真の加工
- サイト制作
2026.05.11
見出された問題点
- 雰囲気の統一感
- うまくまとめる
好評を得た点 ＞ プロジェクトの特性として
- フォント
- メインビジュアル
- プロトタイプ
2026.04.27
成果物の仕様・プロトタイプ
サイトマップ
 |  |
サイトのワイヤーフレーム
- HOMEに写真を載せて、MENUからも写真を見ることができる
- NEWを押すと最新の写真に飛ぶようにする
2026.04.20
現状調査（先行事例等）
- https://193igusa.com
- https://sculptor-worldwide.jp/?srsltid=AfmBOor1CGDmcioeE2uowFa_LSh4TE2RrSnZ0g1LPdTJC8i7rdH3TwqS
- https://kiiikiii.kr GIFアニメ作る参考
解決すべき課題（ToDoリスト）
- 1. WebSiteの作成
- 2. GIFアニメの作成
- 3. 写真のデザイン
制作上のアイデア（課題ごとに複数のアイデア）
- 1. WebSiteの作成
- 参考にするサイトを調べる
- サイトでどんなアクションをしたいのか考える
- 雰囲気・テーマを決める
- 2. GIFアニメの作成
- Pinterestや参考サイトで見つける
- 大きさ、動き、色を決める
- 3.写真のデザイン
- いろんなフォントを使う
- 背景、色味、コラージュを工夫する
- コンセプトを決める
2026.04.13
テーマ候補
- アイドルのファッション・ステージ衣装徹底解説
- 私の日常・友達 自分で撮った写真をコラージュしたり
- いろいろな髪型・髪色
- k-popの好きな曲
メインイメージ.png
ワイヤーフレーム2.png
ワイヤーフレーム1.png
サイトマップ.png
