Chappy Tabby

Chappy Tabby ポートフォリオサイトデザイン

My portfolio website top page image
Home »  Works » Webデザイン » Chappy Tabby ポートフォリオサイトデザイン

担当箇所

ワイヤーフレーム作成、デザイン(素材画像制作を含む)、コーディング、WordPressのテーマ制作

使用ツール

  • Adobe XD(ワイヤーフレームからデザイン制作)
  • Visual Code(コーディング)
  • WordPress

スキル

  • HTML5 / CSS3 / SASS(CSS記述で使用)
  • WordPress(専用テーマを1から作成)
  • jQuery(ナビゲーションメニュー切り替えで使用・スクロールに関してはライブラリ併用)

コンセプト

(論理と創造性を組み合わせることで)みんなを幸せにするデザイン

Design for everybody’s happiness by consolidating logic and creativity.

キーワード

発見、(目標に向かって)進んでいる様、幸福、平和、多様性、創造性、独創性、知性、論理性

ターゲット

規模は大きくないが特定の信念やメッセージを持って商品・サービスを提供している個人事業主または法人。

※社会起業寄りのスタンス。

課題解決のため、一緒に解決してくれる人を探している。
今までとは少し違う視点で課題解決したい。

想定されるターゲットの課題

商品やサービスを届けたい相手の反応が薄い。

彼らを助けたい、幸せにしたいという思いは強いが、それがうまく伝わってないようだ。

商品やサービスを良くしようと努力しているが、もう一つの重要なこと~マーケティング~に注ぐ労力が手薄でかつ知識や技術が足らず、リソース(人・時間・資金)も足らない

解決のため一緒に考えてくれる人が欲しい。

→そこで「正しい方向」を示し、導くイメージもポートフォリオサイトトップ絵などに含めている。

ターゲットが目指す姿

彼らが提供する商品やサービスを利用する人が増え、その人達が持つ課題を解決し幸せになっていくこと

もちろん同時に事業収益が増え、彼ら自身(といるならば従業員達)も豊かになっていくこと。

コンセプト等の参考資料

フォント

欧文→FreightNeo Pro / Roboto

和文→漢字タイポス / Noto Sans JP

配色

Chappy Tabby's portfolio website's color list

背景(ベースカラー)→#FFFDF3

文字、見出し(メインカラー)→#112C4F

ロゴなどの上にカーソルを乗せたとき→#546E87

リンク文字上にカーソルを乗せたときの背景色→#B4C1CD

Adobe XDで作成したデザイン

Webデザイン制作について相談する

Related Posts

«

Webデザイン