ポートフォリオサイト_202110

担当工程：

UX設計・UIデザイン（Figma）・コーディング（HTML/CSS/jQuery）

※ポートフォリオ用に、架空の設定で制作したサイトです。

サイト名：

DATEBOOK

http://datebook.forestdesign.ml

想定ターゲットユーザー：

20代中〜30代後半、ミレニアル世代

ゴール設定：

ミニマル好みで自分の時間を大切にする世代向けの手帳シリーズのブランディング

デザインコンセプト：

• 写真の訴求力を最大限に活かすためのシンプルなレイアウト
• スマホ撮影の構図として縦アングル画像。日常を切り取った雰囲気
• さりげない動きをアクセントとし、単調さを避ける

制作期間：４日間

• 情報設計＋写真＆素材あつめ：1日
• Figmaデータ作成：1日
• HTML ＆ CSS & jQuery & レスポンシブ：2日

対応ブラウザ：

Chromeのみ（他ブラウザ未確認段階）

レスポンシブ対応：

PC(1440px幅)・タブレット（768px幅）のみ

制作背景メモ：

前職での職掌はUI/UXデザインのみだったため、ゼロイチからのコーディングは、職業訓練校以来。コーディングも出来るwebデザイナーとなるため、2021年8月〜10月まで3ヶ月ほどかけて、HTML/CSS/jQuery/Wordpress/JavaScript/PHPを独学で学び直し。

その成果物として、ポートフォリオ５サイト制作。実案件でありそうな5種のタイプのターゲット＆クライアントを想定し、制作しました。