WEB SITE
WEBサイトへ
| 課題名 | 【訓練校課題】架空リフォーム会社 WEBサイト制作 |
|---|---|
| 課題内容 | 戸建てのリフォームを検討中の方をターゲットとした模擬コーポレートサイト。構成案の作成からデザイン（社名ロゴデザインも含む）、構築にいたる全工程を完遂。 |
| ターゲット | 30〜60代の男女（戸建てに住んでいる or リフォームを検討中の人）
家族と暮らしていて、水回りや外壁などの悩みを持っている層 |
| コンセプト | 「あたたかさと信頼」をテーマに、ターゲットから相談してもらいやすいよう話しかけやすい柔らかさを表現し、動線をわかりやすくして信頼を感じてもらえるサイトを目指した。 |
| 制作意図 |
・ベースカラーをネイビーとして信頼を、アクセントにオレンジを使用してあたたかさを表現した。 ・ロゴは、社名のWASの中央のAを家に見立て、屋根をスパナにしてリフォーム会社であることを一目で分かるように。
・幅広い年齢層の方でも使いやすいよう、シンプルで分かりやすい動線に。またどの年齢層にも受け入れられやすいような、落ち着きのある洗練されたデザインを目指した。 |
| 制作時間 | ワイヤーフレーム：10時間 デザイン制作：15時間 コーディング：15時間 |
| 制作環境 | illustrator、figma、vs code |
| 課題名 | 【訓練校課題】ポートフォリオ WEBサイト制作 |
|---|---|
| 課題内容 | 訓練校での課題や自主制作の作品をまとめたサイト。デザインからアニメーションを含む構築まで行った。 |
| ターゲット | 今までお世話になった訓練校の先生方やクラスメイト、現在訓練中の方やこれから訓練校に入る方。また、今後お世話になる企業の方。 |
| コンセプト | 「薄明」がテーマ。未経験から訓練校で学び、少しずつ進む方向が見えてきた今の自分と、夜明け前のやわらかな光が広がる「薄明」の時間を重ねて表現した。卒業後は、WEB制作に詳しくない方にも安心して相談・依頼していただけるような、やさしく寄り添えるクリエイターを目指したいという思いを込めた。 |
| 制作意図 |
・WEBサイトへアクセスした時に、一筋の光が差し込んで夜が明けていくようなアニメーションをつけ、水平線の光を強調した。 ・全体的にぼかしやグラデーション、ざらつきのエフェクトや揺らぎのアニメーションを取り入れ、淡い曖昧な部分と柔らかさを表現。 ・作品を見やすいように別リンクで開くようにしたり、できるだけシンプルな作りにして分かりやすさを重視した。 |
| 制作時間 | ワイヤーフレーム：2時間 デザイン制作：10時間 コーディング：10時間 |
| 制作環境 | illustrator、figma、vs code |