| クライアント | 倉敷翠松高等学校 |
|---|---|
| URL | https://www.suisho.ed.jp/ |
| エリア | 岡山県倉敷市 |
| 業種 | 学校法人 |
倉敷翠松高等学校様サイトリニューアル
倉敷翠松高等学校さまのWEBサイトデザインをリニューアルさせていただきました。
(前バージョンはこちら:https://kurabiz.jp/works/suisho-highschool)
前バージョンの爽やかな印象から雰囲気を変え、今回はイラストやボタンの動きにもこだわり、ついクリックしたくなるような遊び心満載のデザインでお作りしました。
新コンテンツも多数追加しており、特に制服紹介ページはリアルなスクールライフが写真を通して伝わるよう、SNS感覚で生徒さんがページ更新をしていきます。
「よくある高校のサイト」ではない、多くの人に翠松高校さまのサイトを見て・読んで・楽しんでもらいたい。そんな気持ちを込めて制作させていただきました。
[制作のポイント]
01
01
学校のサイトでは考えられない自由帳のようなデザイン
お話を伺いに学校に訪問した際、先生をはじめ、生徒たちがとても自由にのびのびと個性を発揮しているなと感じました。「素のじぶん、素のわたし。」とあるように、まだ真っ白な高校生たちがこの翠松高校での学びを通して、好きに出会う。そんなまだ見ぬ未来を描がける楽しいサイトになればと思い、今回のような斬新なデザインを制作いたしました。
[制作のポイント]
02
02
斬新なデザインを活かしたアニメーションの数々!
一つひとつのデザインに合わせた動きや、細かな仕様にこだわりを詰め込みました。 TOPページではにぎやかな印象に合わせて各アイテムごとに動きを工夫。ついクリックしたくなる、そんな好奇心を刺激するような設計となっています。 「翠松STYLE」では不規則な画像の並びになっているデザインを、お客様側でも上手く調整ができるよう再現しました。見やすい、かつデザイン性の高い投稿ページに仕上がりました。 「2.5次元先生図鑑」では、まるで2.5次元の世界に入ったかのようなあしらいが印象的なので、その魅力がより倍増するアニメーションにこだわりました。 「スイッチ!未来を拓こう」では、インタビューの魅力を100%伝えられるよう、読みやすくなる工夫が細かくカスタマイズできる仕様を設計。情報を余すこと無くしっかり伝えられることを意識したページとなっております。 ぜひ実際のページで、この自由で楽しげなデザインとアニメーションをご覧ください。