自己紹介サイト（PC・Mobile版）

鈴木結子
大学生
OVERVIEW

プログラミングスクールでレスポンシブ対応の課題として製作しました。私のプロフィールと趣味を紹介する自己紹介サイトです。3つの構成で、訪れた人に自分らしさや好みを自然なトーンで伝えられるようなデザインに仕上げています。スマートフォン・PCの両方に対応したレスポンシブ設計です。


■ 工夫したポイント

  • ナチュラルな配色とトップの森の画像で自然体で温かみのある印象に

  • 写真を多く用いることで、趣味や日常の雰囲気を直感的に伝達

  • Googleマップを埋め込み、紹介する場所へのアクセス性を向上

  • モバイル・PCどちらでも見やすいレイアウトでデザイン

■ 制作期間

１ヶ月半

■ 使用言語・ツール

  • HTML / CSS 

  • Photoshop（デザインカンプ作成）

  • Dreamweaver（コーディング）

  • Procreate（ロゴ制作）

■ 想定ユーザー

  • 自分のことを知ってもらいたい人（友人・知人・就活関係者）
  • 自己紹介サイトのデザイン例を探している同年代の学生

■ ひとこと

自分の魅力や人柄を視覚的に伝えることを意識して、自然で心地よい雰囲気になるように デザインを心がけました。実際の写真や手書きのロゴを取り入れて、自分だけの世界観を表現しています。Webデザインの楽しさを実感できた、思い入れのある作品です。