sunday flower
- 制作期間
-
- デザイン
：- 2週間
- コーディング
：- 3週間
- 担当
-
- デザイン
- コーディング
- 使用ソフト
-
- PhotoShop
- Illustrator
- XD
- Visual Studio Code
- Lightroom
- 使用言語
-
- HTML Living Standard
- CSS3(Sass)
- JS(jQuery)
- PHP
- XDデザインカンプ
- 課題文
- 制作内容
- 訓練校での制作課題です。ヒヤリングが済んでいる設定で、クライアントの希望を汲み、課題解決できるように自分でデザインし、コーディングしました。基本的なHTML・CSS・jQueryを使っています。また、お問い合わせのページでは、自分でPHPを書き、メールを送信できるようにしました。
- 自己設定課題
-
- ロゴデザインに挑戦
- フレックスレイアウトに挑戦
- レスポンシブデザインに挑戦
- コラム記事の作成に挑戦
- PHPを使用してメールフォームを実装
- 工夫した点
-
- クライアントの求めるデザインを意識した。
- 集客につなげるため、SNSアイコンをヘッダーに配置し、アクセントカラーにすることでクリック訴求をした。
- おしゃれかつハードルの高さを感じさせないよう、余白をたっぷりとり、明朝体にすることでおしゃれさ・洗練さを出しつつも、見出しに手書きフォントを使用することで親しみやすさを両立した。
- 3つのショートストーリーを書き、ただ花を買わせるのではなく、花を買うことで生活にどんな影響が出るかを想像させ、購買意欲を湧き立たせるようにした。
- ロゴマークは、ヘッダーのスペースを考え、スマホの画面幅の場合は文字が小さく、タブレット・PCの画面幅の場合は文字が大きくなるように設計した。