コーディングで制作した英語版のポートフォリオ

portfolio_coding

アニメーションを加えて、動きのあるポートフォリオに。

2023年にトロントにあるSenecaカレッジで、プログラムの基礎を一通り学びました。
こちらのポートフォリオは、課題で制作したサイトを一つにまとめたポートフォリオです。
(そのため、主に英語で書かれています)

title_outline

制作内容    Webサイト
規模    1ページ
制作期間    約25時間
使用ツール    HTML、CSS、Javascript、jQuery
URL   https://portfolio.ikucode-webdesigns.com/

title_idea

制作の目的

コーディングのスキルについて説明するために作成したポートフォリオです。

何か動くものがあるとそれを目で追わずにはいられない無意識の反応を意識して、TOP画像のところにCSSでアニメーションを入れました。また、ボールが縦に並んでいるナビゲーションのところで止まるように設定することで、このアニメーションに意味を持たせました。

他には、コンタクトフォームはjQueryを使用したり、ナビゲーションから同じページにある別の項目へ飛べるようにアンカーリンクをつけて機能的な、ユーザーの使いやすさを一番に考えたサイトにしました。

イメージ

女性らしい柔らかさとクリーンさ、モダンなデザインを意識しました。

イメージカラー

水色、白色