Portfolio of MAI MORI

Scope｜Planning / Design(photoshop/illustrator) / HTML/CSS / JavaScript(jQuery)

バナーの自主製作作品です。中間課題で制作した『スグ食べ』を題材にバナーを制作しました。製作時間はおよそ40分です。

spring suu

Scope｜Planning / Design(photoshop/illustrator)

ジュエリーブランド『spring suu』さんのショップカードを作成しました。花や葉などのブランドイメージに沿った明るいデザインを意識し、見ていて楽しいワクワクするようなデザインになりました。制作期間はおよそ1週間、プランニング、デザインを担当させていただきました。

spring suu

Site URL｜http://www.miki-jewelry.com

Scope｜Planning / Design(photoshop/illustrator) / HTML/CSS / JavaScript(jQuery)

ジュエリーブランド『spring suu』さんのジュエリーブランドサイトのリニューアルをいたしました。デジタルハリウッドSTUDIO横浜での卒業制作も兼ねている作品となります。シンプルでわかりやすさを重視しながらも、花や葉などのブランドイメージに沿った明るいデザインを意識し、見ていて楽しいワクワクするようなデザインになりました。制作期間はおよそ1ヶ月、プランニング、デザイン、コーディングのほか、公開まで担当させていただきました。

Portfolio of MAI MORI

Scope｜Planning / Design(photoshop/ibisPaint) / HTML/CSS / JavaScript(jQuery)

初めて製作したMAI MORIのポートフォリオサイトです。デザインからコーディングまで全て制作しました。SP版から制作したレスポンス対応のWebデザインのオリジナルサイトです。今までデジタルハリウッドSTUDIO横浜で学んだことを活かしながら、シンプルでわかりやすいサイトを意識して作りました。

MIKI JEWELRY

Site URL｜http://www.miki-jewelry.com

Scope｜Planning / Design(photoshop/illustrator)

ジュエリーブランド『MIKI JEWELRY』さんの期間限定ショップ出店に伴うDMを制作させていただきました。制作期間はおよそ1週間、プランニング、デザインを担当させていただきました。

スグ食べ (Fictitious Website)

Scope｜Planning / Design(photoshop/illustrator) / HTML/CSS / JavaScript(jQuery)

デジタルハリウッドSTUDIO横浜にてランディングページの制作をしました。初めてワイヤーフレームから制作しました。制作期間はおよそ2週間、ワイヤーフレームからデザイン制作、コーディングを行ないました。PC版から制作したレスポンシブ対応のWebデザインです。
背景画像などの素材は『photoAC』さんの無料素材を使用しています。また素材については一部加工して使用しています。CSS上で制作した図の組み合わせが難しかったです。