実際にある料理教室「hibika」の公式サイトをデザインからコーディングまで一人で制作しました。 【コンセプト・工夫点】 「和を感じるオーガニックなデザイン」 hibikaの特徴である麹を使用した“発酵料理”から“健康”や“和”を連想し、長寿を意味する亀甲文様をモチーフに制作しました。 「発酵は身体にとても優しい」をイメージさせるために六角形の角は丸くしています。 また、クライアントからは、ピンク系統の可愛らしさのあるデザインにしたいとのことだったので、可愛らしさ、優しさ、和を感じる配色にしています。 【制作期間】 15日間 【言語】 HTML CSS Javascript JQuery 【使用ツール】 Illustrator Photoshop XD Dreamweaver Visual Studio Code 【課題点】 実践的なBEMをもっと取り入れ、CSSをまとめてデータの軽量化などを図らなければならないと感じました。 デザインに関しても、背景素材のクオリティが低く統一感があまりないように見えたので、コーディングのスピードを上げ、その分デザインに時間をかけられるようにしたいです。