HPデザイン
デザトレ課題（綺麗めデザイン）
制作期間：3週間
使用技術：Figma
制作ポイント
初めて自分で制作したHPデザインです。
メインカラーは青と指定がありFVを含め全体的に青の写真を探す事を意識しました。
また技術紹介の部分では技術用語が全く分からず画像を探すために用語を調べる事から始めました。また技術を表す写真を同じトーンで揃えることに苦労しました。
綺麗め・カッコ良さを出したかったので余白は大きく取りインナー幅もセクションごとに変えました。
＊添削後だと先生のデザインになってしまう・またあまり大きいお直しがなかったので、今回はあえて添削前のデザインを掲載しています。
デザトレ課題（可愛いデザイン）
制作期間：3週間
使用技術：Figma
制作ポイント
緑を基調にオレンジや赤などで明るく元気なイメージとの指定でした。
テキストH1がのびのび保育だったので木や森で緑を表現。写真やボタンの色はオレンジを使用。「施設案内」の旗の色から黄色やブルーも取り入れて元気な中にも全体の統一感を意識しました。
あしらいを淡いイラストを取り入れて可愛らしさを出してみました。
丸くした写真の配置が単調にならないように工夫しました。
「採用情報」の水玉の背景が思ったようになかなか配置できず苦労しましたが、提出した際には褒めて頂けた部分となりました。
＊こちらも添削前のデザイン掲載としています
HPデザイン＋コーディング
現在知り合いの方のHPを制作中です。
また案件獲得のためのポートフォリオもデザインからコーディングで制作最中です。
最後に
プログラミング学習から始めて３年ちょっと。
WEBデザインは去年の7月末から始めたこともあるものの掲載できる作品の少なさに愕然としましたがまたコツコツ製作していきたいと思っています！
アップ終了次第こちらにまた掲載していきます！
自分のデザインを自分でコーディング出来るようになってきて成長したかな？？とうっすら感じてます。
これからはjqueryをもう少しきちんと習得してHPに動きをつけれるように頑張っていきます！
今回は見て頂きありがとうございました！
コメント