2020年6月23日火曜日

最終課題

ウェブサイトの企画書を作成してください。

ポートフォリオサイトでも、学生として取り組んでいる活動を紹介するサイトでも架空のアーティストのサイトでも、お気に入りのカフェのサイトでも対象はなんでも構いません。現存するサイトのリニューアルもOKです。

また企画書の様式、体裁、ページ数も問いませんが、どんなサイトをつくりたいかわかるような企画書としてください。

ーーーーーーーーーーーーーーーーーーーー
提出はPDFに限ります。
IllustratorやPhotoshopを使うことをおすすめしますが、最終提出がPDFであればどんなツールを使ってもよいです。手描きをデジタル化してもよいです。なるべく魅力的な企画書を提出してください。

ただし、PDFファイルは1つに結合して提出してください。
どうしてもできない場合はひとつのフォルダにまとめてzipに圧縮して送ってください。

5MB以下はメールに添付、それを超える場合にはファイル転送サービス(firestorageや宅ファイル便など)を利用してURLを送ってください。(ダウンロード期間はなるべく長めにとってください)

[提出先]
h-takeoka[at]takecomai.jp( 竹岡 寛文)
[at]を@に置き換えてください。

[提出締切] 2020年7月14日(火)正午
ーーーーーーーーーーーーーーーーーーーー


参考までに、一昨年までの課題の要件を以下にまとめておきます。
一昨年は滋賀県立大学の生活栄養学科サイトのリニューアルを想定した企画書づくりに取り組んでもらいました。何を提出していいかわからない、という人は以下の要件を踏まえて企画書を作成すれば合格点は出ます。

【学科の特徴と現行サイトの課題】(A4用紙1枚程度)

・他大学類似学科を調査し、本学の特徴についてレポート
・現行サイトの課題を分析する

【サイトリニューアルの基本方針】(A4用紙1枚程度)

・ターゲットと目的
どんな相手を主たるターゲットとするか決めます。また、そのターゲットに対して何を伝えるか、最終的な目標はどこなのか、ウェブサイトの目的を設定します。

・コンセプト
ターゲットと目的を踏まえてどんなコンセプトでサイトをリニューアルするか、表現してください。必要に応じて図やイラストなどを用いてもよいです。

【サイトの基本設計】

・コンテンツとサイトストラクチャー(A4用紙1枚程度)
ターゲットに対してどのような情報が必要か整理し、サイトストラクチャーにまとめます。

・ワイヤーフレーム(A4用紙2枚以上)
ワイヤーフレームを描いてください。最低でもトップページ+サブページの2ページ。それ以上は必要に応じて追加してください。

・サンプルページイメージ(A4用紙1枚以上
サイトのデザインイメージがわかるサンプルを1ページ作成してください。テキストや写真はダミーでよいですが、仕上がりのイメージが伝わるようにしてください。




ワイヤーフレームを書く

ワイヤーフレームとは、ウェブページの「骨格」です。色や細かい装飾といったデザイン作業の前に、まずどんな情報をどこに配置するかを決めていきます。

一般的にはヘッダーやフッター、ナビゲーション、メインカラム、サブカラムなどで構成されています。

<参考リンク>
Wireframe Showcase ワイヤーフレーム集

Webサイト設計図 – ワイヤーフレームの作り方 Webクリエイターボックス

サイトの構造

ウェブサイトの構造のことをサイトストラクチャと呼びます。あるいはサイトマップの方がなじみがあるかもしれません。ウェブデザインは、表面的なデザイン作業の前にウェブサイトで伝えるべき情報を整理し、組み立てる作業(設計)が必要です。

サイトストラクチャの基本形

基本形として大きく以下の5つのパターンに分類できます。
階層型/ファセット型/Web型/直線型/ハブ&スポーク型

<参考リンク>
サイトストラクチャ(サイトマップ)の作り方|UXデザイン/情報アーキテクチャ実践

DIGIMAG