scroll down - scroll down -

skills

デザインの画像

design

デザインの基礎を習得しており、様々なデザインテーマに合わせたWEBサイトをデザインすることができます。また、色彩検定UC級を取得しており、ユニバーサルデザインを意識したWebサイトの構築も可能です。

photoshopの画像

photoshop

写真の補正や加工等の基本操作に加え、デザインカンプやバナーの作成が可能です。

illustratorの画像

illustrator

Web制作に必要なロゴやアイコンの作成、文字の装飾等の作業が可能です。

html5の画像

html & css

レスポンシブ対応を意識したWebサイトの構築、スマホ特化型サイトの構築が可能です。メインで使用しているエディタはVisual Studio Codeですが、Dreamweaverでのサイト構築や編集も可能です。

javascriptの画像

JavaScript

Webサイトに簡単な動きをつけるためのjQueryカスタマイズが可能です。

wordpressの画像

WordPress

基本的な操作やカスタマイズが可能です。

works

ポートフォリオサイトのモックアップ画像

portfolio

就職活動にあたり、自身のスキルや制作物をまとめたポートフォリオサイトを作成しました。
無駄なものをそぎ落とし、シンプルながらもインパクトのあるワンカラムレイアウトに仕上げました。
穏やかに変化する背景色は、あらゆる状況に柔軟に対応する自分自身を表現しています。
目的が就職活動であることから、コンテンツは最小限に、スキルと制作物を効率的にアピールすることを意識しました。

デザイン コーディング
架空WEBサイト「LOLIPOP COLOR」のモックアップ画像

LOLIPOP COLOR

架空のヘアカラー専門店「LOLIPOP COLOR」のWEBサイトを制作しました。
ペルソナを「ファッションや季節に合わせて頻繁にヘアカラーを変えている、流行に敏感な20代前半女性」としたことから、全体的にポップでキュートな配色にしました。また、日本においては約4分の3の検索がスマートフォンからであり、若年層ほどその傾向が顕著なため、スマホ特化型レイアウトに仕上げました。

デザイン コーディング
架空WEBサイト「Green House」のモックアップ画像

Green House

架空の不動産会社「グリーンハウス株式会社」のWEBサイトをデザインしました。
ペルソナは「住宅購入検討中の35歳既婚男性。妻と3歳・7歳の子どもの4人暮らし。仕事の合間にジムで筋トレする意識高めのサラリーマン」。
地球環境に配慮した街づくりをアピールするため、美しい地球を連想させる青と緑をベースとした配色にしました。
ロゴはIllustrator、デザインカンプはPhotoshopで作成しました。

デザイン

Thank you for browsing my portfolio!
I hope you liked it :)