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
配色
背景(ベースカラー)→#FFFDF3
文字、見出し(メインカラー)→#112C4F
ロゴなどの上にカーソルを乗せたとき→#546E87
リンク文字上にカーソルを乗せたときの背景色→#B4C1CD