あなたの想いに寄り添い、かたちにするデザインを。
To What Lies Beyond the Start
ABOUT
私について
Webデザイナーとして、画像制作・バナーデザイン・SNS運用サポート・展示会の空間デザイン・HTML/CSS/jQueryによるコーディングなど、多様な領域での制作業務に携わっています。 クライアントの目的やブランドの世界観を的確に捉え、伝わるデザインと使いやすさの両立を重視。課題に対して本質的な視点からアプローチし、デザインを通して価値を届けることを目指しています。 常にユーザー視点を忘れず、日々変化するトレンドや技術にもアンテナを張りながら、より高い品質と成果を生み出せるクリエイターを目指して、学びと挑戦を続けています。
制作実績
WORKS
展示会ブースデザイン
メディカルジャパン出展
医療・介護業界向け展示会「メディカルジャパン」に出展された武林製作所様のブースにて、背面パネル・タペストリー・什器装飾・プロダクト配置まで含めた空間全体の演出を担当いたしました。
製品の特長が一目で伝わるよう、視認性と導線設計を重視し、来場者が立ち止まりたくなるような構成・配色・写真選定を意識してデザインを設計。
ブランドメッセージ「それ、骨みたいやな。」という印象的なコピーを軸に、訴求力のある空間づくりを心がけました。
模写コーディング｜iSara公式サイト（LP）
使用技術：
HTML / CSS / jQuery
レスポンシブ対応（PC / タブレット / スマートフォン）
🖥 工夫したポイント：
レイアウトの再現性を重視し、細かなマージン・フォントの統一感まで意識
スクロール時の視認性やCTA（問い合わせボタン）への導線設計にも配慮
jQueryを用いてスムーススクロールやタブ切り替えなども実装し、実用性ある動きに対応
📱 マルチデバイス対応：
各デバイスでの表示崩れがないよう、メディアクエリを活用して柔軟なレイアウト調整を行いました。
SNS運用・動画／写真撮影・EC支援（Instagram ）
中島大祥堂様のInstagram運用に携わり、
・商品撮影／スタイリング／レタッチ
・Instagram投稿用の画像作成
・ブランドイメージに合わせた動画制作
・楽天店舗用のメルマガ制作・配信
などを担当しました。
商品の世界観を大切にしながら、視覚的に訴求力のあるSNS運用を意識しています。
素材の良さを活かしつつ、丁寧であたたかみのあるビジュアルづくりを心がけました。
スキル
HTML・CSS・jQueryを用いて、ホームページ制作を行っています。
基本的なマークアップに加え、アニメーションや動きのあるインタラクションもjQueryを用いて表現しています。
また、メディアクエリを活用したレスポンシブ対応により、スマートフォンやタブレットなど、様々なデバイスで快適に閲覧できる設計を心がけています。
デザインカンプからのコーディングや模写による学習を通じて、正確な再現性と可読性の高いコードを意識して制作しています。
今後は、保守性・拡張性を高めるための設計や、JavaScript・WordPressなどの知識も深めていく予定です。
WEB制作
チラシやバナー、SNS投稿用画像などのデザインを中心に制作しています。 目的やターゲット層に合わせて「伝わるデザイン」を意識し、色使いやフォント選びにもこだわっています。特に、視認性の高いレイアウトや、写真と文字のバランスを整える工夫を重ね、訴求力のあるビジュアルづくりを心がけています。 IllustratorやPhotoshopを使用しながら、WebサイトやSNS、紙媒体それぞれの特性に合わせて最適な形式で出力。 例えば、Instagram投稿用の画像では、視線誘導を意識した構図や統一感のあるカラーパレットを使用し、ブランドイメージを損なわないよう配慮しました。 また、Web制作の経験を活かし、実際にコーディングすることを前提としたバナー設計や、デザインカンプの作成も行っています。
グラフィックデザイン
SKILL
CONTACT
