Web Direction
お客様からのご依頼内容の精査・提案、デザイナー・コーダーへの依頼まとめ、
最終チェックや品質管理等を担当しました。
※直近のものから掲載
バレンタイン特集
URL
https://web.hh-online.jp/hanshin/special.html?fkey=sn_special_valentine
制作期間
15営業日
使用ツール
Powerpoint、Photoshop、Backlog、Chatwork
ポイント
商品やブランドを1つずつピックアップするページで、かなり縦に長くなるため見せ方に工夫が必要となりました。「商品はこちら」といった小さいボタンは付けないでほしいという百貨店の要望があったため、各商品を1つのパネルのように見せ、右下に矢印を付けることでボタンだと分かるようにしました。チョコレートの種類が8分類と多いため、アンカーを付けてすぐ希望のエリアに遷移できるようにしました。
冬みやげ特集
URL
https://web.hh-online.jp/hanshin/special.html?fkey=sn_special_sweetsgift
制作期間
15営業日
使用ツール
Powerpoint、Photoshop、Backlog、Chatwork
ポイント
和菓子・洋菓子もどちらも違和感のないデザイン、かつ水引を使用することがお客様のご希望だったため、和菓子に寄りすぎないような背景やフォントの選択に注意しました。 販売商品の掲載もご希望であったため、商品画像をできる限り大きく、それでいて柔らかい印象になるようデザイナーと検討しました。
福袋特集
URL
https://web.hh-online.jp/hanshin/shop/?cid=hss_lcb
制作期間
10営業日
使用ツール
Powerpoint、Photoshop、Backlog、Chatwork
ポイント
店頭用サイトのデザインをページにも反映する形で、元のデザインは赤色が強い印象だったため、ECサイトのデザインとマッチするよう配色についてお客様と話し合いました。 販売商品が少なかったため、「リビング」「服飾雑貨」などのアイコンの選定が難しかったのですが、全体を通して雰囲気の統一感が保てるようデザイナーと検討しました。
ワイン特集
URL
https://web.hh-online.jp/hanshin/special.html?fkey=sn_wine_encore
制作期間
5営業日
使用ツール
Powerpoint、Photoshop、Backlog、Chatwork
ポイント
店頭の催事のみで販売していた商品を、オンラインで通年買えるようにするため新規に作成することとなりました。 当初は33ブースの画像のみでしたが、後からレシピ動画のコンテンツを追加することになり、ワイン販売がメインで動画は目立たせたくないという要望があったため、ページ内アンカーで動画コンテンツはページ下部に配置しました。 動画で紹介しているワインがすぐ買える導線をディレクターと話し合い、対象のブースが一目でわかるようアイコンを配置しました。
定期メルマガ
URL
https://web.hh-online.jp/ec/shop/sttc/mailmagazine/hanshin/2023/1222/
制作期間
5営業日
使用ツール
Powerpoint、Photoshop、Backlog、Chatwork
ポイント
お客様の入稿を元にデザイン、コーディングの進行管理を担当しました。毎週1回の配信があり、2年間でおよそ100本のメルマガ配信を対応しました。 1文字でも間違いがあったまま配信されてしまうと、お詫びメールを配信しなければならないため、価格やバナーの変更を直前まで反映させ、ミスがないよう毎週細心の注意を払いました。