works

ー制作物ー

my-portfolio

my-logo

【制作時間】

2週間(デザイン構想5日+他コーディング)

【使用ツール】

figma・VScode
生成AI:使用方法について下記記載

【コンセプト】

見やすく使いやすい、見ていてワクワクするようなサイト

【こだわり】

レスポンシブ対応にしました。
・色使いをシンプルにして、作品が映えるように意識しました。
・背景は白寄りのベージュにすることで柔らかい印象にしました。
・ユーザーの導線の確保の為、追従するtopボタンを設置し、ロゴからでもtop画面に戻れるようにしました。
・スキルバーを一目でわかりやすいだけでなく、ワクワクするようなアニメーションにしました。
・お問い合わせ欄は誰でも使いやすいスタンダードなフォームに工夫しました。

【生成AI使用方法について】

授業で学習していないjavascriptを使用したハンバーガーメニューや、スキルバーは自身の思い描いているデザインに合致するよう指令を出して実装しました。
CSSに関しては、自己解決ができなかった際に使用し、
"コードを出さないで手順を教えて!"
と指示をして、手順を教わりながらコーディングしました。

“生成AIに依存せずに、共存できるように使用することを心掛けています”