WEBsite
Portfolioを作成しました。 分かりやすいシンプルなデザイン構成にしました。
使用ツール:Illustrator/Photoshop/Dreamweaver
使用言語:HTML/CSS/jQuer/JavaScript
制作期間:1.5ヶ月 全てデザインからコーディングまで一人で作成しています。
ターゲット WEB関係の採用担当者の方々
目的、ゴール ・作品を確認してもらうこと ・面接に呼んでもらうこと
デザイン① 作品をさっとみて頂けるようシンプルなデザインで作成しています。
デザイン② 作品や経歴などの情報量を多くし、ポートフォリオで完結するデザインにしています。
カラー 背景は爽やかで見やすいホワイトを使用し、柔らかくお洒落なイメージになるようライトグレーでツートーンにしました。文字色は可読性もありサイトのイメージにピッタリなグレージュを採用しています。2色のアクアブルーは使用場所によって分け、差し色として使用しています。
ユーザービリティ ⒈ ナビゲーションはスクロールすると上部に固定されます。Navの数が少ない為、ハンバーガーメニューは使用しませんでした。 ⒉ すぐにページTOPに戻れるようボタンを下部に固定しています。 ⒊ 可読性を重視して、モバイルの文字サイズや間隔を設定しています。
Satomi Mori Portfolio
Portfolioを作成しました。
分かりやすいシンプルなデザイン構成にしました。
使用ツール:Illustrator/Photoshop/Dreamweaver
使用言語:HTML/CSS/jQuer/JavaScript
制作期間:1.5ヶ月 全てデザインからコーディングまで一人で作成しています。
ターゲット
WEB関係の採用担当者の方々
目的、ゴール
・作品を確認してもらうこと
・面接に呼んでもらうこと
デザイン①
作品をさっとみて頂けるようシンプルなデザインで作成しています。
デザイン②
作品や経歴などの情報量を多くし、ポートフォリオで完結するデザインにしています。
カラー
背景は爽やかで見やすいホワイトを使用し、
柔らかくお洒落なイメージになるようライトグレーでツートーンにしました。
文字色は可読性もありサイトのイメージにピッタリなグレージュを採用しています。
2色のアクアブルーは使用場所によって分け、差し色として使用しています。
ユーザービリティ
⒈ ナビゲーションはスクロールすると上部に固定されます。Navの数が少ない為、ハンバーガーメニューは使用しませんでした。
⒉ すぐにページTOPに戻れるようボタンを下部に固定しています。
⒊ 可読性を重視して、モバイルの文字サイズや間隔を設定しています。