ohashi kana

Ohashi Kana Portfolio siteの画像

Ohashi Kana Portfolio site
(TOPのみ) | 自主制作

転職活動に向けて制作した自身のポートフォリオサイトです。
採用担当者様や現場で働く皆さまに、私自身の人となりや考え方、制作スタンスを伝えることを目的として制作しました。

制作スケジュール

制作項目 日数 制作ツール
企画 10日間 Figma
情報設計 10日間 Figma
デザイン 25日間 Figma / Photoshop
実装 35日間 HTML/ CSS /JavaScript

ターゲット

  1. ① 採用担当者様
  2. ② 現場でご活躍の皆さま

目的

  1. ① 私という人物像を知ってもらうこと
  2. ② 会社様との相性度を見てもらうこと

コンセプト

「私と私が向き合った鏡」

構成

TOP

(わたしのこと・つくったもの)

下層ページ

  1. ① プロフィールページ(わたしのこと・できること・とくいなこと)
  2. ② 制作作品詳細ページ
Ohashi Kana Portfolio site つくったものを見ているモックアップ画像 Ohashi Kana Portfolio site を見ている画像

デザイン

  • ファーストビューにスクロールボタンを配置し、そのボタンをクリックすることで自然と自己紹介セクションに誘導できる構成にしました。

  • 「つくったもの」セクションでは、作品数が直感的に把握できるようにドットインジケータを使用し、視覚的に伝えられる構成にしています。

  • 制作作品の詳細ページでは、構成や文章に頼りすぎず、モックアップを活用し、実際に使っているようなリアルな感覚を視覚的に演出しました。

  • TOPページで全体像をざっくりと伝え、各ページでは詳細な情報を段階的に深掘りできる構成にしています。

  • フッターにSNSアカウントを設置することで、フォローのしやすさや連絡の取りやすさを意識しています。見てくれた人との距離を縮め、自然な接点が生まれるように工夫しました。

Ohashi Kana Portfolio site トップページがPC上に表示されているモックアップ画像
Ohashi Kana Portfolio site ハンバーガーメニューを操作している画像 Ohashi Kana Portfolio site フッターを見ているモックアップ画像

つくったもの...