Business card（データ）

友人知人からご紹介いただく場合に、名前や連絡先の入力の手間が軽減できるようカード形式のデータを作成。 QRコードを組み込むことで、すぐに問い合わせページへもアクセスできるように設計しました。 またスマートフォンやタブレットでも見やすい様に、横型だけでなく縦型でも作成することで選択の幅を広げる。 ポートフォリオサイトと同じ色を使い、統一感を演出。 曲線を取り入れることで、柔軟性も表現しました。

自身のロゴをデザイン

ポートフォリオサイトを作成するにあたり、自分らしいロゴをデザインしてみることに。 自身の名前に使われているアルファベットのみで構成。大小様々な大きさを使用し、大切な家族である猫の形になるように配置。また背景部分に波丸を採用することで、柔軟性を表現しました。 まずは大まかに2パターンを作成。 次に方向性を決めてから余白や文字の大きさを変え、数パターンを作成。 最終的に残った2案を統合し、中間値になるよう調整しました。

自身のポートフォリオサイト(Wix)

Wix site を見る　→　

私のことや制作実績を知ってもらうと同時に、 現在のWebデザインのスキルをお客様に伝えるために制作。 自分らしさを意識し、 パープルがポイントになるよう設計。 まずはどんな人なのかを知ってもらうため、自己紹介のページは情報量を多くしました。 またSNSは気軽にチェックしやすいように、各ページにアイコンを配置しています。

自身のポートフォリオサイト(code)

基本的にはWixで作成したデザインになるよう、コーディングしました。 プロゲートや本で基本的なHTMLとCSSを勉強後に取り掛かり、やりたい動きや設定を調べつつドメインの設定まで行いました。 特にこだわった部分としては、愛猫たちの画像部分です。ホバー時の動き方は、調べた中から好みのものに。 また、Instagramのリンク設定もしているので癒されたい方は、ぜひご覧ください。 今後は動きをつけられるように、少しずつでも手を加えていく予定です。