Web Page

wssウェブスタディサッポロ

PortfolioTransmute

概要

職業訓練校で学んだWebデザインの課題制作 を中心に構成したポートフォリオを制作しま した。

サイトの目的

Webデザイン職を志望するにあたり、これま でに制作した作品を通して、デザインの考え 方や制作プロセスを伝える。

ターゲット

Web制作・デザイン職の採用に関わる担当者様。

制作時間

デザイン/一か月
コーディング/一か月

使用ツール

Figma、phptoshop

使用カラー

VIEW WebPage

コンセプト

コンセプト

無駄な経験はなく、すべての経験が自 分自身を形づくっている。その考え方 に加え、デザインとして表現していく 姿勢や、異業種に挑戦する自分自身の 在り方も含めて、変質するという意味 である「transmute 」という言葉に思 いを込めました。これらを、ポートフ ォリオ全体のコンセプトとしています。

フォント

フォント

英字には Optima を使用しました。細身で美しいシルエットが、ポートフォリオ全体の雰囲気を整える役割になると思い使用しました。日本語には Noto Sans JP を使用し、可読性を重視することで、情報が分かりやすく伝わるよう配慮しました。

デザイン

デザイン

メインカラーにはピンクのグラデーシ ョンを使用し、文字色には、メインカ ラーと馴染み読みやすい茶色を使用し ました。文字の読みやすさにも配慮し ています。線や球体、グラデーション といった要素を用い、形や状態が変化 していくイメージを、「transmute」 という概念をデザインに落とし込んで います。

コンセプト