go_to_the_top
WORKS
制作実績
myportfolio
概要
人々の未来に希望を与えられるようなデザインを志したい自身のポートフォリオサイト
自ら、考え、行動し、相手に寄り添い、自分がワクワクして、やりたいと思える仕事とは何かと考えた時、 人生を改めて振り返りました。
小学生の時、WEBサイトを見ることに夢中で、気づけば自分のWEBサイトを制作することが楽しみだった。
その時抱いた、WEBサイトが与える「日々を楽しく過ごすための生きがい」を見つける手助けができたらと思い、WEBデザインの勉強を始めました。
私たちの日常生活はデザインで溢れているため、デザインの基礎を学んでいくと共にデザインは人の心を揺さぶる仕事だと感じました。 だからこそ、そこで働く人々の想いを届けるデザインを追求することが大切であると思います。
デザインやブランディングのパターンは、常にその世界に広がりを見せています。 そうした、時代の流れを掴み、いつまでも心に残ってもらえるもの、そんな未来を想像しながら制作に取り組んでいます。
目的
プロフィールや制作実績などを掲載し、どんなスキルがあるのか、自身の人間性を伝えるため
ゴール
これまで手掛けてきた制作物や学んできたデザインの目的や考え方の思考プロセスを評価してもらう
ターゲット
採用面接官の方
制作担当
デザイン、コーディング
制作ツール
VS code、Photoshop、illustrator、AdobeXD
使用言語
HTML、CSS、Javascript、jquery
制作期間
2週間〜3週間
制作ポイント
情報要素
長いライティングページにおける「余白」
写真を見せたい部分と文章を見せたい部分をはっきりと区別。
写真や文字の存在感も大きくなり、読み手の印象に残りやすい。
読み手にとって、重要な情報の読みやすさ(可読性)、見やすさ(視認性)を向上。
少し濃いめのグレーのテキスト
明度差を抑え、優しい空気感を作り出している。
デザイン全体の色馴染みの良さやまとまりを演出。
今まで制作してきた作品のビジュアル
自分のスキルと実積を一目で汲み取れるように写真と作品名を整然とした構成にて配置。
マウスカーソル時にネイビーのマスクを被せることで、よりフォーマルで堅実な印象を与え、
クリックしたくなるよう訴求。
デザイン要素
コンセプトは「人に希望を与える」
「希望」に繋がるような心にゆとりが持てる澄んだ配色と爽やかな写真で調和。
未来的な印象深いデザインのイメージを表現。
シンプルなサイトを連想させる「ネイビー」
作品が際立つようにアクセントカラーに使用。
デザインをより引き締め、人の心に落ち着きを感じさせるように工夫。
存在感のあるロゴ
illustratorを使用し、自作におけるロゴ。
縦ラインを取り入れ、すっきりとした印象に。
身につけたスキルを表すアイコン
illustratorを使用し、自作におけるアイコン。
背景色は癒し効果のある青い空をイメージして、混じり気にない澄んだ青をベースに配色。
繊細なグラデーションを意識し、スキルの多様性を演出。
コンセプトのイメージに合わせたメインビジュアル
①散りばめられたレモン
爽快、元気の良さ、暖かみのある印象を与える。
一つの焦点に偏りなく、散乱しており、表現の広がりを感じさせている。
レモンの黄色がベースカラーである白に調和し、活発さや軽快さを表現。
②無限大に広がる青空と大草原
広々とした風景から異世界を感じさせ、伸びやかな雰囲気を作っている。
③ひときわ美しく映える草花とグラス瓶
自然の優しい色味とささやかな明るい光から、人の心に安らぎをもたらす印象を作り出している。
誠実さを込めたUIボタン
マウスカーソルを乗せたとき、背景がネイビー、テキストが白へと変化し、堅実さを象徴。
ポートフォリオサイトの制作を通して、コーディングにおいて、一番苦労した部分。
Contactフォームの背景
四角では出しきれない優しい雰囲気、温かさが気軽にお問合せやすい質感を出している。
SekiRyuta-Portofolio
Back to top page