
Ohashi Kana Portfolio site
(TOPのみ)
|
自主制作
転職活動に向けて制作した自身のポートフォリオサイトです。
採用担当者様や現場で働く皆さまに、私自身の人となりや考え方、制作スタンスを伝えることを目的として制作しました。
制作スケジュール
制作項目 | 日数 | 制作ツール |
---|---|---|
企画 | 10日間 | Figma |
情報設計 | 10日間 | Figma |
デザイン | 25日間 | Figma / Photoshop |
実装 | 35日間 | HTML/ CSS /JavaScript |
ターゲット
- ① 採用担当者様
- ② 現場でご活躍の皆さま
目的
- ① 私という人物像を知ってもらうこと
- ② 会社様との相性度を見てもらうこと
コンセプト
「私と私が向き合った鏡」
構成
TOP
(わたしのこと・つくったもの)
下層ページ
- ① プロフィールページ(わたしのこと・できること・とくいなこと)
- ② 制作作品詳細ページ


デザイン
-
ファーストビューにスクロールボタンを配置し、そのボタンをクリックすることで自然と自己紹介セクションに誘導できる構成にしました。
-
「つくったもの」セクションでは、作品数が直感的に把握できるようにドットインジケータを使用し、視覚的に伝えられる構成にしています。
-
制作作品の詳細ページでは、構成や文章に頼りすぎず、モックアップを活用し、実際に使っているようなリアルな感覚を視覚的に演出しました。
-
TOPページで全体像をざっくりと伝え、各ページでは詳細な情報を段階的に深掘りできる構成にしています。
-
フッターにSNSアカウントを設置することで、フォローのしやすさや連絡の取りやすさを意識しています。見てくれた人との距離を縮め、自然な接点が生まれるように工夫しました。


