Works
制作実績
職業訓練校制作課題くすのき
職業訓練校「Webデザイン科」で実施された、実務を想定したグループ制作課題です。 4人チームのリーダーとして、進行管理や意見の取りまとめを担当しました。 メンバーそれぞれの強みを活かしながら、デザイン・コーディングを担当し、制作を進めました。
About
制作概要
- クライアント(架空)
- 木製おもちゃ専門店「くすのき」様
- 制作背景
-
3年前に父親から事業を引き継ぎ、その際に店名を「くすのき」に変更。
昔からある店舗だが、この機会により多くの方にお店の存在を知ってもらいと思い、Webサイトの立ち上げを依頼した。
- 強み・特徴
-
店主は2代目。40年以上の歴史がある。
職人が手作りしたこだわりの商品のみを取り扱っている。
素材にもこだわっており、優しさと温もり感が特徴。
修理も承っており、他店の商品でも修理対応をおこなっている。
- ターゲット
- 20~35歳の子育て世代の女性
- クライアントの要望
-
- ブランド、商品やお店の特徴を知ってもらいたい
- 素材のこだわりをアピールしたい
- 修理対応をおこなっていることもアピールしたい
Point
制作のポイント
グループでの制作
4人グループのリーダーとして、メンバーへの業務の振り分けや進行管理をおこないながら、主にコーディングを担当しました。
制作を円滑に進めるため、日頃から積極的なコミュニケーションを心掛け、相談しやすい環境づくりに努めました。
また、メンバーの意見を尊重し、コンセプトに合うものは積極的にデザインへ反映しました。
その結果、チーム全体で高いモチベーションを維持しながら制作を進めることができ、完成予定日より1日早くサイトを公開することができました。
メンバーの意見や個性を反映したデザイン
コンセプトに合わせ、イラストを起用してサイトデザインをおこないたいとのメンバーの意見を反映しました。
趣味でイラスト制作をおこなっている方とメンバーであったため、イラストを制作していただきサイトデザインに起用いたしました。
また他のメンバーからは窓などのイラストからリンクを飛べるようなデザインが欲しいとの意見をいただいたため、キービジュアルに窓を設定しております。
結果として、メンバーそれぞれの個性やアイデアを活かしたデザインとなり、チーム全員が主体的に制作へ関わることのできるサイトに仕上がりました。
近年のコーディング手法を意識
職業訓練校にて学んだコーディング手法をアウトプットすることで知識の定着をはかりました。
コンポーネント化や、BEM、FLOCSSのCSS設計に加え、clamp関数を用いたレスポンシブ手法をおこないました。
実践を通じて学習内容を定着させるとともに、保守性や再利用性を意識したコーディングをおこないました。
シンプルながらも情報が伝わるデザイン
30代〜40代の子育て世代の女性をペルソナに設定し、ターゲットに合わせた柔らかみのあるデザインを意識しました。
また、サイト構成はシンプルにまとめながらも必要な情報を過不足なく掲載することで、ユーザーが迷うことなく目的の情報へたどり着けるよう設計しています。
Others