Web Page

wssウェブスタディサッポロ

WSS(ウェブスタディサッポロ)

概要

WSS(ウェブスタディサッポロ)のHPのリニューアルを想定し、 グループワークでのWebSite の作成を行いました。

サイトの目的

WSS(ウェブスタディサッポロ)様からのご依頼として現行サイトのリニューアルを想定。 サイトの再設計、内容の更新改善。

ターゲット

20~30代の男女

制作時間

一か月

使用ツール

Figma、phptoshop

使用カラー

ViewWebPage

コンセプト

コンセプト

「実践的なカリキュラムで、夢に近づく  確かな力を高い就職率が、“なりたい  自分”の実現を後押しします。」繋が  りを感じてもらい、学ぶ意味を具体  的にイメージしてもらう。

フォント

フォント

英字には Manrope、日本語には Noto Sans JP を使用しています。 どちらも癖が少なく、可読性が高いため、コンテンツの内容が自然に伝わるよう配慮しました。

デザイン

デザイン

前向きで明るいサイト作りを目指し、背景は白で見やすさを、メインは明るい水色ものある緑で信頼感と清潔感を、 アクセントは黄色で明るさと活気をイメージしました。グループワーク として作業を行いました。

コンセプト

自身は、
・WhatWSS、
・VOCATINAL TRAINING、
・CAREER SUPPORT ACHIEVEMENTS
・IEVEMENTS、Ppraivacy
のワイヤーフレーム、デザインカンプの一部を担当。
その他は写真の選定と編集、company infoと
フッターのコーディングを行いました。

WSSデザイン1枚目

WSSデザイン2枚目

自身は、
・WhatWSS、
・VOCATINAL TRAINING、
・CAREER SUPPORT ACHIEVEMENTS
・IEVEMENTS、Ppraivacy
のワイヤーフレーム、デザインカンプの一部を担当。
その他は写真の選定と編集、company infoと
フッターのコーディングを行いました。