要件定義

• プロジェクト概要

  転職のためのポートフォリオサイト制作

• ターゲット

  デザイン職の採用担当者・デザインチームのマネージャー

• 目的

  就職活動を行うにあたり、自身の経歴や強み、またこれまでの制作物や思考を伝えるため
  全体を俯瞰しやすい整理された構成と、ストレスのない使いやすさを追求し、短時間でスキルや考え方、私の強みを把握できるよう設計

• ターゲットユーザーのニーズ↔︎解決策

  

• 機能要件

  ・レスポンシブ対応
  ・スマートフォンTopのプロジェクトサムネイルは1つずつ正面でピタッと止まる
  ・プロジェクト詳細ページ
  ・お問い合わせ
  ・グローバルナビゲーション
  ・ページ内スクロールナビゲーション
  ・「Back」で戻った際、正確に前回いたページまで戻る（選択していたタブまで）
  ・更新があるものはアコーディオンで表示
  ・メルマガ、サムネイルはクリック等でモーダル表示
  ・メルマガ、サムネイルは6つずつ表示（もっと見るで＋6つ）

• 非機能要件

  ・検索エンジンに表示させない
  ・画像の圧縮（読み込み速度の最適化）
  ・視認性の高いデザイン
  ・一貫性のあるトンマナ
  ・クロスブラウザ対応

情報設計

• サイトマップ

  

• ワイヤーフレームを作成

  

UIデザイン作成

• ロゴの作成、トンマナとカラーを定義

  

その他

• 制作期間

  ・企画、ワイヤーフレーム：5人日
  ・デザイン：約14人日
  ・コーディング：約14人日

• 使用ツール

  Illustrator / Photoshop / Figma / Visual Studio Code