札幌情報未来専門学校

札幌情報未来専門学校のリニューアル(コーディング)、及びオープンキャンパスのバナー作成

札幌情報未来専門学校(PC)
札幌情報未来専門学校(PC)
札幌情報未来専門学校(TB)
札幌情報未来専門学校(SP)
オープンキャンパス4/29、ミニオープンキャンパス4/16バナー
オープンキャンパス2/19、ミニオープンキャンパス2/5バナー
オープンキャンパス1/22バナー

サイトはこちら

「特定非営利法人Forest」にて制作

作成時期

2020年10月~2021年3月(リニューアルの企画部分~コーディング)
(オープンキャンパスのバナーは2021年5月~2022年4月までに、1~2か月ごとに1点作成)

作成期間

約6ヶ月(バナーは1点につき1~2日間)

使用アプリケーション

VSCode、Illustrator(バナー、ワイヤーフレーム作成)

使用言語・CMS

WordPress、HTML、CSS

使用親テーマ

TCD「ONE」

担当箇所

(コーディング)トップ、イベント、学科紹介(下層ページの「ITシステムエンジニア学科」、「インフォメーションテクノロジー学科含む」含む※テーブル以外)、すべてのページのボタン、フッター
(修正コーディングのみ)入学案内(下層ページ6P含む)、地方からの入学(学生支援制度の下層ページ)、証明書の発行、採用企業の皆様へ、資格と就職
(ワイヤーフレーム)下層ページの内、数ページ
(バナー)オープンキャンパスバナー(2021年5月29日分~2022年4月29日分まで、累計10点ほど)※2021年5月~9月までは他デザイナーから補助を受ける形で作成
※2022年4月からは1か月ごとに他のデザイナーとの交代制となっております。(2022年5月バナーは他の者が担当しております)

※サイトデザイン、テーブル部分、キャラクターデザインは担当しておりません。
他の者が担当しております。


札幌市にある、情報系専門学校のサイトのリニューアルを行いました。複数人でサイトを作成したサイトとなります。

WordPressの親テーマにTCD「ONE」を使用し、子テーマでコーディングする形で作業をしておりました。
他のメンバーと綿密に打ち合わせを行い、連携しながら作業を進めておりました。
ワイヤーフレームの段階からたずさわり、高校生やその保護者に見てもらえるにはどのようにリニューアルすればいいのかディレクターやメンバー間で意見を交わしあいました。

コーディング面としてはどの端末でも見ることができるよう、ブレークポイントでは細心の注意を払いました。
特に余白(margin/padding)、フォントサイズ、要素のサイズやカラム数などに注意しながら作業を行っていました。

オープンキャンパスのバナーに関しましては、「オープンキャンパスに高校生が行きたくなるような、ワクワクするデザイン」を考えながら作っております。2021年5月~9月は他デザイナーから補助を受ける形で作成しておりましたが、現在は1点を1人で作成しております(※2021年10~2022年3月は1人で担当しておりましたが、
2022年4月からは1か月ごとに他のデザイナーとの交代制となっております。2022年5月バナーは他の者が担当しております)