ABOUT
ABOUT
接客が好きで、短大を卒業後は主に百貨店・服飾関連会社等で販売職に従事していましたが、
コロナ過で在宅時間が増えたことをきっかけに「ものづくりの仕事」に興味を持ち、
スクールに通いWEBデザインを勉強しました。
制作を通してデザインの楽しさや難しさを感じ、
スクールを卒業した現在も、引き出しを増やしていけるように日々勉強しています。
コツコツと作業に取り組むことが出来、周囲の人達との協調性を大切にしています。
SKILLS
SKILLS
DESIGN CODING
デザイン
Photoshop
Illustrator
PhotoshopとIllustratorの基本的なツール操作は習得しております。
画像のレタッチや、webサイトのデザインカンプにはphotoshopを、
ロゴやチラシなどの紙媒体では、主にIllustratorを使用して制作しています。
制作数は少ないですが、完成度を上げる為の労力は惜しまず、作業は丁寧に行います。 本やwebサイトを参考にしながら課題を克服したり、新しいことに挑戦することが好きです。
コーディング
HTML
CSS
jQuery
JavaScript
PHP
HTML・CSSにてwebサイトのコーディングが可能です。
webサイトに動きをつけるjQueryのカスタマイズや、
JavaScriptの基礎知識は習得しており、制作した架空サイトにも導入しています。
入力フォーム作成の知識を会得したかった為、PHPの基礎をスクールにて学びました。
WEBDESIGN
WORKS
WEBDESIGN
【架空】
観葉植物店
サイト
- webサイト名： indoor greenshop AUGUSTA
- コンセプト： 癒しや潤いを与える植物と出会えるグリーンショップ
- 制作期間： ２か月
- デザインについて：
「都会のオアシス」をコンセプトにした都市型の店舗という設定で、 清潔感のある白をベースに、現代的な欧文フォント、抜け感のあるカラーを使用し、洗練された都会的なイメージを表現しました。 - コーディングについて：
PC、タブレット、スマートフォンで閲覧できるようにレスポンシブ化しました。 また、jQueryのライブラリを使用してアニメーション処理をし、CSSで細かな調整を行いました。
【架空】
ベーカリー
サイト
- webサイト名： ベーカリー KARINDO
- コンセプト： 天然酵母や国産小麦を使った身体にやさしいベーカリー
- 制作期間： ２か月
- デザインについて：
【天然】【やさしい】等のキーワードから、全体的にナチュラルなカラーと温かみのあるフォントを使用しました。 素材に拘ったベーカリーという設定のもと、画像を引き立てるため、装飾は控えめでシンプルにまとめました。 - コーディングについて：
コンテンツへ誘導するアニメーションや、フォームのバリデーションチェックをJavaScriptで行いました。 煩雑なコードにならないように、可能な範囲でパーツを再利用して、メンテナンスのしやすいCSS設計を考えました。
ポートフォリオ
サイト
- webサイト名： Suzuno-ne Portfolio
- コンセプト： 紙と文字
- 制作期間： 1.5ヶ月
- デザインについて：
ナチュラルな紙のテクスチャを使い、リーフレットのように制作物をまとめました。
フォントはシンプルでくせのないものを使用し、アニメーションを加えてテキストの多いコンテンツに動きをつけました。 - コーディングについて：
【紙】をめくるようなイメージで、ファーストビューやナビゲーション、スクロールすると次のコンテンツが展開されるようにアニメーション処理をしました。
DTPDESIGN
DTPDESIGN
-
【架空】
earth cafe
ロゴ
About the design
全体的に淡いカラーを使い、手書き風のフォントと水彩画ブラシで、リラックスした温かいカフェのイメージを表現しました。
-
【架空】
hair salon
名刺
About the design
Illustratorの生成AIで作成した女性をモチーフにして、落ち着いたカラーとトーンで女性らしい雰囲気に仕上げました。
-
【架空】
洋菓子店
リーフレット
About the design
背景をグラデーションで透過させて余白をとり、トリミングした素材をゆったりと配置して、情報量の多さをカバーしました。
DTPDESIGN
DTPDESIGN
-
【架空】
カフェ
クーポンチケット
About the design
背景を文字の形で切り抜いてインパクトを、カップの帯に利用条件をまとめて分かりやすくグループ分けしました。
-
【架空】
ワークショップ
DM
About the design
革の生地と道具でワークショップの雰囲気を、手書きのフォントとステッチ風の波線でクラフト感を表現しました。
-
【架空】
レストラン
フライヤー
About the design
新商品のメニューをメインに、店舗情報は見やすくまとめてメリハリを、黒板の背景と白抜き文字で統一感を出しました。