Works

Website

個人プロフィールサイト

ホームページ(スクール課題)

サンプルはこちら

profile mock up

サイトに訪れた人に私自身のことを知ってもらうために作成。簡単な自身の紹介に加え趣味と自身の最近のニュースを載せ、私のことを深く知れるように内容を掲載。

profile image

制作期間

  • 22年7月上旬 〜 22年8上旬
  • 情報設計・デザイン:1週間
  • コーディング:3週間

使用ツール・言語

HTML / CSS / Photoshop / illustrator / Dreamweaver

レスポンシブ対応

サイトコンセプト

和や竹林をイメージする緑色。京都男児の紹介

ターゲット

  • 企業の採用担当者
  • 海外留学に興味を抱いている学生
  • 京都に興味を持っている留学生
  • 趣味で繋がりを作りたい人

デザイン

  • メインビジュアルは、自前のカメラで撮影した画像で京都出身だとわかるように配置。

  • 簡単な自己紹介に、サイトで採用しているロゴの作成意図を紹介することで、ロゴの作成も可能であることをアピール。

  • 京都と日本庭園を連想できるようなカラーに。プロフィール写真のシャツに似たカラーを採用してサイト全体に統一感を表現。

  • 趣味の項目を追加することで、サイトに訪れた人との距離を縮められるように設置

反省点

フォントとデザインがシンプルで可読性はあるかもしれないが、メリハリがなく非常にフラットなデザインになりました。さらに可読性が向上するようにフォントの種類を変更したり、画像のサイズに変化をつけサイトとして立体感が出るよう配置することが課題です。そのために様々なプロフィールサイトを見てデザイン感覚を養っていきます。

Back Next