Murai Mayu'sPortfolio

WordPressサイト「Mew & I」

WordPressでオリジナルテーマを作成し、保護猫譲渡サイトを制作しました。レスポンシブデザインに対応しています。

scroll

・2種類の投稿方法

一般投稿でお知らせ関係の投稿ができるようにしています。 カスタム投稿では保護猫の情報がわかりやすく記載できるよう、 また情報ごとに記事をまとめられるように、タクソノミーを設定しています。

・お問い合わせフォームの設置

プラグイン「Contact Form 7」を使用し、実際に使用可能な お問い合わせフォームを設置しています。

・サイト/ロゴデザイン

「保護猫との暮らしを身近に」がコンセプトです。 保護猫を家に迎えるイメージができるよう、 温かい室内のイメージをカラーコンセプトにしました。 ロゴデザインも、家の中に猫と人が暮らしている様子を 表しました。

カフェサイト

既存サイトのトップページを模写し、デザインをコードで再現しました。レスポンシブにも対応しています。

ポートフォリオサイト

成果物を見やすくまとめました。レスポンシブにも対応しています。タイトル横のsvgイラストはIllustratorで作成しています。またイラストのアニメーションはGSAPを使用し、アクセントとなるようにしました。

ショップカード

架空の古書店をテーマにしたショップカードです。ロゴや地図など、すべての要素をIllustratorで作成しています。古い本を想起させる色調を選びました。地図作成では、目印となるポイントがわかりやすいよう、数を調整しました。

バナー

架空のイベントをテーマにしたバナーです。素材の配置やデザインなどPhotoshopで作成しています。フォント使いでメリハリをつけ、赤色で程度に強調できるようバランスを調整しました。（写真：フリー素材）

デザインカンプ

架空の商社をテーマにしたサイトのファーストヴュー部分をデザインしました。写真の明るさも調整しました。（写真：フリー素材）