ウェブクマさん!|Webデザイン

OVERVIEW

Webサイト制作に役に立つ様々なジャンルのサイトをブックマークのようにまとめたギャラリーサイト。 親しみやすさ、わかりやすさを伝えるため「ウェブブックマーク」をモチーフにしたキャラクター「ウェブクマさん」を中心にサイト全体をまとめています。

YEAR 2022

➡ WEBSITEを確認する(ウェブクマさん!)

【担当範囲】
企画、デザイン

【制作時間】
企画・デザインを含め、約4週間

【ツール】
Illustrator、Adobe XD


CONCEPT

「ウェブブックマーク」をモチーフにしたキャラクター「ウェブクマさん」を中心に茶系・黄系の色合いで配色。

構成はシンプルなギャラリーサイトが基盤ですが、概要文を記載することでわかりやすい内容に。また、掲載サイトによっては 詳細情報や使い方なども記載できる形にしています。


LOGO

  • 黄金比をベースに、全体的に丸みを帯びた親しみやすい形で構成
  • ブックマークアイコンを、ネクタイと濁点に見立て目立つ赤で配置
  • 検索を連想させる虫眼鏡を背景にし、SNS等のアイコンとしても使いやすい形に


DESIGN COMP

ギャラリーサイトが基盤なため、最小限のコンテンツを用意。
後に、利用しやすを考慮した詳細ページが追加になります。


➡ WEBSITEを確認する(ウェブクマさん!)


WEBSITE