トライデントコンピュータ専門学校 進級制作展ロゴマーク

トライデントコンピュータ専門学校 進級制作展ロゴマーク

Webデザイン学科1年生のオンラインでの進級作品展示です。【期間限定:2022年2月3日(木)〜 2月13日(日)】

11. 桜優学習塾

https://ouyuu.main.jp/ouyuu/
桜優学習塾Webサイトキャプチャ
桜優学習塾Webサイトキャプチャ
桜優学習塾Webサイトキャプチャ
桜優学習塾Webサイトキャプチャ

作品概要 #

親切・丁寧・わかりやすいをテーマとしている、桜優学習塾のWebサイトです。親しみやすさを出しながらも、塾の誠実感・真面目さ・信頼感を損なわないような配色やレイアウトにしました。コピーライティングからデザイン、コーディング、WordPressの導入等、全ての工程を手掛けました。
https://ouyuu.main.jp/ouyuu/

制作者 #

  • Y.Nakashima
  • フロントエンドエンジニア志望(進路決定)
  • HTML+CSS、JavaScript、jQuery、PHP
  • Adobe Illustrator、Adobe Photoshop、Adobe XD、Visual Studio Code
  • 株式会社 Clap 賞、株式会社アクアリング賞、株式会社ラージックウェーブ賞

SNS など #

プレゼンテーション動画 #

アピールポイント #

配色は、誠実さや知性を感じられる青色をメインカラーとし、アクセントカラーには、桜優学習塾の名前にもある通り、桜をイメージして、合格や入学・やわらかさなどが感じられる桜色を使用しました。
ファーストビューの写真をスライドショーにすることで、アットホームな教室の雰囲気が多く見えるようにしました。
また、ノートを連想させる方眼用紙を CSS で作成したり、見出しには、Illustrator で作成したイラストなども配置しました。新着情報には夏期講習の開始といったお知らせを入れられるようにし、お問合せフォームには、公式 LINE を設置しました。お休みの連絡等、より保護者や生徒と連絡が取りやすくなるようにしました。

スライド #

制作者感想 #

コーディングに入るまでかなり時間がかかるな、と感じました。
デザインも途中で 1 から変更して、掲載する文章もこだわり始めたらきりがなく、完成した今でも追加したい項目や改善したい箇所は沢山あって、終わりが見えず、とてもワクワクしています。
常に好奇心を持って、アンテナを張ると、まだまだやりたいことはたくさん出てきて、学ぶたびに自分にできることが増えていくのがとても楽しいなと感じました。
更にサイトに動きをつけたり、見る人をワクワクさせられるような、そんなサイトを作成したいと思っているので、今回で学んだことをしっかりと記録して、次につなげていきたいです。

コメント #

作品ならびにプレゼン動画の閲覧ありがとうございました!
さらに学生作品への評価・アドバイス、感想などコメントいただけると、今後の制作、就職活動の励みになります。