担当:ワイヤーフレーム、menuアイコン、サイト内記事1本
(検索を除いて)仮置きアイコンとして使用している素材
EXPERIENCE JAPAN PICTOGRAMS
Macbook Air
Adobe Illustrator 2023
これからのWebサイト設計の新しい教科書
【全部教えます!】WEBデザインの作り方紹介!できるまでの流れ-adobe Illustrator-
ワイヤーフレームの構成が説明不十分に感じたため、サイトマップを作成しました。
また、作成にあたり検索用ページを追加しました。
※画像二枚目のアクセスをクリックすると、ページ下部のアクセス欄へジャンプします。
PC版フッターのアイコン配置例です。
アイコンの補足用テキストの配置案が2案出ていますが、現在検討中です。
▶︎画像一枚目のアイコンの枠内に文字を収める案で決定しました。
店舗一覧のレイアウトを流用し、個別記事にジャンプできる仕様を想定しています。
zoomにて開催
zoomにて開催
※ブラッシュアップ前
店舗個別詳細ページ
メニューのプルダウン▶︎アイコン式採用
仮アイコンに使用した素材
EXPERIENCE JAPAN PICTOGRAMS
店舗一覧▶︎2列採用
記事ページは一本直通から項目別の個別記事へ(検討中)
▶︎1記事3000~4000字の想定のため、記事ページを分けることに決定しました。
スケジュール、ワイヤーフレームについて話し合い
ショップ一覧ページ、メニューのプルダウン内レイアウト作成
ワイヤーフレームの構成を変更
役割決め
※病欠のため自宅で制作開始
ワイヤーフレームラフ
先にモバイル用サイトのデザイン制作
幅:360
サイトマップの項目洗い出し
ワイヤーフレームの作成
テーマ案
博多から西鉄柳川駅
博多駅ー(鹿児島本線)ー春日駅 春日駅ー(西鉄大牟田線)ー西鉄柳川駅(1時間半) 博多駅ー(空港線)ー天神駅 西鉄天神駅ー(西鉄天神大牟田線)ー西鉄柳川駅(1時間半) 博多駅ー(七隈線)ー薬院駅 薬院駅ー(西鉄天神大牟田線)ー西鉄柳川駅(1時間半)
成分 | 作用 |
ビタミンA | 免疫力向上 |
ビタミンB1 | 神経機能を正常に保つ、疲労回復 |
ビタミンB2 | 老化予防、脂質をエネルギーに変える |
ビタミンD | カルシウムの吸収や代謝を助け、骨への沈着を防ぐ |
ビタミンE | 老化予防、血行促進 |
カルシウム | 骨や歯を丈夫にする |
亜鉛 | 傷の修復や成長に不可欠、正常な味覚を保つ |
たんぱく質 | 筋肉を作る |
DHA・EPA | 血管系病気の予防 |
うなぎのアミノ酸スコア...97
アミノ酸スコア▶︎たんぱく質に含まれる必須アミノ酸9種類のバランスを、最高100とし評価したもの。
アミノ酸
タンパク質の構成成分。中でも体内で生成ができない9種類は必須アミノ酸とされる。
参考
一生役立つ きちんとわかる栄養学
数字でわかる、うなぎの優れた栄養バランス
うなぎが高齢者の栄養不足に効く?効能や摂取時の注意点