Please enable JavaScript.
Coggle requires JavaScript to display documents.
2017-06-23_Webサイト基本制作演習:star: site title: mewmew に決定 (猫 (猫カフェ site 検索…
2017-06-23_Webサイト基本制作演習:star:
site title:
mewmew
に決定
猫
猫カフェ
site
検索
home
gallery
猫の写真を延々と並べる
スタッフ猫紹介
access
懸念事項
素材集めが相当大変ではないか?
猫の国へ行きたい
ネコサガシ
site
猫が行方不明になった
猫を飼いたい
猫の画像を見たい
トップページ1枚
縦長サイトを作ろう :!!:
クリッカブルマップ
1枚イメージを用意
各部分をクリック => その部分の説明が出るようにする…いや、ページ内リンクで下に飛ぶようにしよう。
今考えているのは猫の説明
猫の各パーツについての特徴や豆知識を
ポップアップウィンドウ
などで説明する
=> ページ内リンクで画面下に飛ぶようにする
例えば猫の「目」をクリックしたらページ内リンク等でコンテンツまで飛ぶようにする
テーマ:
猫についての詳細情報を提示
譲渡猫の正しい飼育方法
ターゲットユーザー:
猫好き
一人暮らしで孤独感がある人
猫を飼える生活環境にある人
ターゲットユーザーがどんなことが好きか、情報としてほしいか => そこからコンセプトを考えてみる
譲渡候補猫ギャラリーを見たい
猫の生態・動物学的なデータを知りたい
猫を飼うには何からはじめればいいか、餌代などはどのくらいかかるのか
:<3:
サイトコンセプト:
「もっと猫にまつわる色々なことを知ろう」
サイトマップ
index.html
目
耳
鼻
口
手足・肉球
尻尾
鳴き声の秘密
などなど
コンテンツは大盛
nav 保護猫について
(フォトギャラリー&猫プロフィール)
保護猫たち(フォトギャラリー&猫プロフィール)
/html/catforsale.html
「保護したい」との要望があり、
〔保護〕
ボタンをクリックした場合、入力フォームに遷移する
保護希望フォーム
/html/hogo.html
猫を飼う前に…
html/breeding.html
を読んでください
nav 最低限保護猫の飼育について知っておかなければならないこと
猫の正しい飼育方法
/html/breeding.html
Breeding method of the cat
nav access
ドキュメントの作成
スケジュール
ワイヤーフレーム
PC用
SP用
デザインカンプ
PC用
PC Btnクリック時
SP用
SP Btnタップ時
サイトタイトル案
Relating to Cats
(猫との関係)
meow
(ニャオ)
Of Cats
(猫の)
Cats go meow
猫はニャオと鳴く
日本語と同じく猫の鳴き声を表わす英語は擬声語で, 「ニャーと鳴く」は mew, 「ニャオと鳴く」は miaow, meow , 発情期などに「ギャーギャー鳴く」は caterwaul という
mew
mewmew
USP(unique selling proposition)とはシンプルに言うと、独自の販売提案、独自のウリという意味です。
独自操作感
クリッカブルマップイメージで猫について知りたい部分・部位をクリックすることにより情報を得られるワクワク感
猫の詳細な情報・豆知識を知ることができる
猫について一風変わった情報
知られざる猫の生態・詳細な情報
猫の譲渡とフォトギャラリーを結合させた考え方
スライドで実装
ギター
練習法をレクチャー
音楽理論
フォント
tips的なこと
そのいち
そのに
1.test
2.test
three
Lifehack
PC tips