概要

職業訓練校「WSS（ウェブスタディサッポロ）」に入校してから約半年間で身に着けたスキルや制作物をまとめたポートフォリオを作成しました。 主に、HTML、CSS、jQuery、Swiper.jsを用いてスクロールアニメーション、アコーディオン、スライド表現などのインタラクティブな要素を含んでいます。 各作品には、概要、ターゲット、目的、デザインなどの制作する過程を掲載しており 技術力だけでなく、課題に対する思考や表現へのこだわりも伝えられるよう構成しています。

ターゲット

採用担当の方々。

目的

転職活動を行うにあたって、自身の経歴や制作物、スキルについて知っていただく。

デザイン

「コックピット」というキーワードをもとに、モノトーンで統一した無機質でクールなデザインを目指しました。 jQueryを用いて時刻や座標を配置することで機械的なデザインのイメージを演出しました。 works部分では、グリッドレイアウトを用いて複数の要素を整理することで秩序を持たせ、整然とした印象を与えることで実直感や安定感を感じられるように意識しました。 また、フッター部分はキーワードをもとに搭乗チケットのようなデザインをイメージして作成し、CSSでデザインの雰囲気を壊さずにレスポンシブ対応をさせるよう工夫しました。

フォント

日本語：Noto Sans JP

英語　：DIN 2014

カラー

製作期間

デザイン　　： 25h

コーディング： 75h

制作ツール

Figma / VSCode / GitHub

URL

https://www.sample.co.jp/