TOOL
figma
photoshop
illustrator
DotlO...
INFO
DotlO...
岐阜県下呂市萩原町のハンドメイド雑貨。 北欧のテキスタイルに多くの影響を受けており、アクセサリーや服飾小物を 作成している。
CONCEPT
製品とブランドの認知拡大
下呂市の個人でやっているハンドメイド雑貨屋で、minneを今まで使っておりサイトがなかった。販売していく場所は今までと変わらずminneを使用するが、WEBサイトを作る事でより信頼感を演出し購入促進の補助的役割を担い、掲題の通り製品の認知を拡大していく目的を達成させる。 ブランドのサイトの為、カラーリングやイラストなど作者の好みを全面に押し出し、20代後半～40代の女性により刺さりやすいデザインを意識しました。
PELSONA
下呂に観光に来た20代後半～40代の子供を連れた家族層
COLOR
MAIN COLOR
ハンドメイド作家の好みの色
であるグレーを使用したいの
事だったので、背面背景色と
して採用しました。
SUB COLOR
そのままダークグレーのみの
背景色だけだと見づらく重た
い雰囲気となる為前面をライ
トグレーにして、テキストの
視認性を確保しました。
ACCENT COLOR
アクセントカラーも作者の好
みの色を採用し、セクション
毎に色を分けパっと見てセク
ションの境目を分かりやすく
しました。
STRUCTURE
LAYOUT
コンテンツを中心に寄せて、色を変え視点の動きが集まりやすい様にしました。ブランドネームのドットを活かし、それぞれのセクションにサークルを入れ、統一感を持たせました。タイトルにも必ずサークルを使用して、色を変え反復させています。
TOP
Dotlo...のクマのイラストを使用し、ポップでインパクトのあるトップページにしました。 よりインパクトを残すため、文字も大きくし、サークルに合わせて配置をしました。
PRODUCTS
作品集はサークルでマスクし、動きが出る様に凸凹に2列配置をしました。
TEXT CONTENTS
揃えの位置を意識し、ABOUT USのテキストは見出しの文字をを大きくし、読み始めに視点が集まりやすい様にデザインしました。