haname Official Website
- Type:Website
- Date:2024.04~
- URL:https://haname.jp/
- ID : haname PW : haname2024
バッグや小物などの布物を中心としたハンドメイド作家「haname」様のポートフォリオ兼ショップサイトを制作しました。作品はもちろんのこと、クライアント様の想いや人柄が伝わるような、見ていてワクワクする、かわいすぎず優しいサイトを目指しました。
-
計2ヶ月
企画・ワイヤーフレーム・ロゴデザイン:1週間
撮影:2日
デザイン:2週間
コーディング:2週間
Wordpress:2週間 - Illustrator / Photoshop / figma / Dreamweaver / VS Code / Local / Wordpress
- HTML / CSS / JavaScript / PHP
Proposalー企画書
-
卒業制作発表会のようす
Overviewー概要
- 制作目的
-
ブランディング(ハンドメイド作家としての差別化)と作品の販売
実績や作品、SNSリンクなどを集積し、今後の活動において名刺代わりとして使用 - ターゲット
- ハンドメイド雑誌『COTTONTIME』で、hanameに興味を持った方(主に30〜60代女性)
- 情報設計
- クライアント様の作品の魅力を最大限に伝えられるよう、作品中心に構成しています。また、FVやコンセプトでクライアント様の思うハンドメイドの魅力を伝えることを意識しています。さらに、ギャラリーページとは別にショップページを設け、作品に興味を持った方を購入検討に繋げられる導線にしています。また、最終的にWordPressで作成したことにより、クライアント様自身でショップページとお知らせの更新ができるようにしました。
- デザイン
-
商品が目立ちつつも、「生活に溶け込む素朴な雰囲気」「身近で構えない自然体」「かわいすぎない」を目標に、明るく元気になれるような配色とフォントを選定しました。また、hanameというブランド名にちなみ、花のイラストを多く使用しました。さらにcssアニメーションを使用し、実際に縫う動きや糸の動き、ほわほわした優しいイメージを演出しました。
ロゴデザイン サイトの色とファーストビューに合わせて制作しました。糸のようは細いラインで「haname」にちなんで花のイラストをつけました。さらに、より糸に見えるようなフォントを選定し、全体の雰囲気を統一させました。