Web UIデザイン
Webコーディング
ロゴデザイン
キャラクターデザイン
知人のブログサイトのデザイン&コーディング
ブログサイト「ぐうたらの星」
2019.04〜2019.05
依頼制作
非公開
Illustrator
Photoshop
XD
Dreamweaver
HTML5
CSS3
概要
 カスタマイズする形でのコーディングはこれが初めてだったので、試行錯誤しながらの制作となりました。1から制作するのに比べてどうしても自由度は低くなるため、オリジナルのイラストを使ったり、初期設定の固めの印象の真逆をいく柔らかで可愛らしいデザインにすることでオリジナリティーを出しました。全体の配色や雰囲気などはいくつかの案を出した中から選んでもらい、全体的にポップな印象になっています。キャラクターデザインやタイトルロゴのデザインも1から行いました。
Request
・明るい雰囲気にして欲しい。
・他のブログと差別化して欲しい。
Solve
・色はパステルカラーやビタミンカラーを使用。
・オリジナルのイラストを使ったり、初期設定の固めの印象の真逆をいく柔らかで可愛らしいデザインにすることでオリジナリティーを出した。
デザインパーツ
ロゴ
全体の配色は先に決まっていたので、それに合わせて薄い黄色と黄緑、温かみのある茶色を使ってデザインしました。ぐうたら感を出すため、ゆらゆらしている波線を引き、柔らかなテイストのフォントを使用しました。また、温かさを出すためアウトラインは手書き風になっています。
イラスト
 当初は犬や人間のキャラクターも案として出ていましたが、犬や猫などの頻繁に使われるモチーフはあまり使いたくないという要望があり、最終的にはエプロンをつけたコアラのイラストが採用されました。
カテゴリーアイコン
TOPページ
PC版
スマートフォン版
操作イメージ