Kinota Portfolio

ポートフォリオサイト

My Potfolio Site

自身のポートフォリオサイトを制作しました。

私の経歴や好きなもの、雰囲気などが伝わりやすいようにデザインしました。また初めてWordPressを使った制作で、HTMLサイトのオリジナルテーマ化やカスタム投稿タイプにも挑戦したことで実用的な動的サイトになっています。

サイトを見る→

Top Page

〇元アパレル店員という経歴から、ショーウィンドウを意識したイラストをメインビジュアルにし、パッと見て私の好きな、得意な雰囲気が飛び込むようになっています。
〇全体的に落ち着いた印象にまとめつつ、フォントやイラストで遊びを加えています。
〇スマホ画面ではヘッダーのメニューがハンバーガーメニューになり、常に画面の右上に表示されるようになっています。そのため長めのページでもなるべくストレスなく見ていただけます。
〇Work欄は、カスタム投稿タイプと連動しているため、制作物が増えると自動で更新されるようになっており、moreボタンから投稿の一覧ページに飛ぶこともできます。

Work/About

〇Workページは投稿の一覧ページです。。オレンジのボタンからそのままサイトに飛ぶか、詳細な説明を読むか選べるようになっています。
〇Aboutページは主に自身の経歴や好きなものについて書かれており、ヘッダーメニュー等のContactはこのページのContact部分のリンクになっています。今はメールアドレスをコピーするか、メールアプリを起動するだけの機能ですが、近いうちにWordPressを用いて簡単なフォーム等を作ろうと考えています。

Skill

使用技術

デザイン

Figma

コーディング

HTML/CSS/JavaScript/WordPress

Period

期間

デザイン

(イラストを含む)2日

コーディング

HTML/CSS/JavaScript→3日
WordPress→3日

Back To Page

Contact

ご覧いただきありがとうございました!
ご相談・ご依頼など、お気軽にご連絡ください。
メールのほか、SNSのDMからのご相談も受け付けています!

\メールアプリ起動はこちら/ メールアイコン

kino.work111@gmail.com

X @kinota315 インスタ @kinota518