ウェブデザイン – ポートフォリオ

【HIVe】by a.k.a.Portfolio Website Design

個人ポートフォリオのデザインを制作しました。CSSフレームワークを使用、ワンソースのレスポンシブルデザインで作成し、パソコン・スマホに両対応しています。

ページのコンテンツは上からヘッダー、プロジェクト、プロフィール、コンタクトフォームの4つに分かれ、jQueryの機能を搭載した右上の追尾メニュー、および右下のページトップジャンプボタンにより、上から下へと簡単にブラウズできます。

各プロジェクトの説明はサムネイルをホバーすることにより表れ、クリックすることにより画像とプロジェクト概要全体を黒背景のLightboxにて閲覧できます。各SNSへのリンクとコンタクトフォームはプロフィールの下に設置し、ユーザーのエンゲージメントへと繋げています。

 

Web fonts

使用ウェブフォント

colour set

カラーセット

 

responsive design

 

Customed jQuery hover effect and fancybox

カスタムjQueryのホバー効果とLightbox

 

PDF resume

PDF履歴書

Further Projects