未経験者・初学者デザイナー向けに、Webデザインのスキルアップをサポートします!
「見た目を整えるだけ」のデザインではなく、誰に・何を・どのように伝えるかを考え、目的に応じたデザインを組み立てられる力を身につけたい方をサポートしています。
Web制作業界で約20年(制作会社で約5年勤務後、2008年に独立)。これまで、情報設計からデザイン、コーディングまで一貫して携わってきました。
企業のコーポレートサイトやスポーツ・食品ブランドの中〜大規模サイトをはじめ、プロモーションサイトや個人経営店など、多様な業種・規模の制作を経験。企画・設計から実装まで携わってきた実務経験をもとに、現場で活きる考え方をお伝えします。
・デザインしてみたものの、どこかしっくりこない
・ワイヤーフレーム通りのデザインしか作れない
・制作会社への就職・転職を目指したポートフォリオを作りたい
・案件獲得につながるポートフォリオを作りたい
・自然で心地よいアニメーションやインタラクションの考え方・作り方を学びたい
・見た目だけでなく、「誰に何を伝えるか」を考えたデザインができるようになりたい
・デザインを始める前の考え方や進め方を知りたい
デザイン添削やポートフォリオレビューを交えながら、改善点を指摘するだけでなく、「なぜその表現が適切なのか」「どのような意図で設計すべきか」まで分かりやすくお伝えします。
また、ポートフォリオについては、制作会社への就職・転職を目的としたものと、案件獲得を目的としたものでは見せ方やアピールすべきポイントが異なると考えています。それぞれの目的に合わせた構成や戦略をご提案します。
さらに、アニメーションやインタラクションについても、単に動きを付けるのではなく、ユーザーにとって自然で心地よい体験となるよう、目的や文脈に合わせた設計の考え方をお伝えします。
Webデザインの基礎はもちろん、情報設計や意図の整理、課題解決につながる思考プロセスまで、一人ひとりのレベルや目標に合わせて、自ら考え、目的に応じたデザインを提案できる力が身につくようサポートします。
制作会社で約5年間Web制作に従事した後、2008年に独立。
以降、情報設計・デザイン・コーディングまで一貫して担当し、企業サイトからブランドサイト、プロモーションサイトまで幅広い案件に携わってきました。
・事業サイト
制作実績やデザインに対する考え方などを掲載しています。
https://www.spicerack-sr.com/
◆ 主な実績
▽ クライアントワーク
・ネクサス・プラウド・インベストメント
https://nexas-proud-investment.com/
不動産投資・資産形成サービスを展開する企業のコーポレートサイト。
担当:ディレクション / デザイン / コーディング
・公益財団法人 東急財団
https://foundation.tokyu.co.jp/
環境・国際交流・文化芸術分野の助成活動を行う公益財団法人の公式サイト。
担当:ディレクション / デザイン / コーディング
・東急(株)オフィスリーシングセンター
https://www.t-build.com/
都内・横浜エリアの賃貸オフィス情報を紹介するサービスサイト。
担当:ディレクション / デザイン / コーディング
▽ 執筆
・Codrops掲載
「GSAPとScrollTriggerを使ったスクロール連動のSVGマスク切り替えアニメーション」
https://tympanus.net/codrops/2026/03/11/svg-mask-transitions-on-scroll-with-gsap-and-scrolltrigger/
GSAP・ScrollTrigger・SVGを組み合わせたスクロール演出について解説しています。
◆ 自主制作・研究
・SHISAKU
https://spicerack-sr.com/shisaku/
GSAP Site of the Day受賞作品。心地よい体験を生み出すアニメーションやインタラクションの可能性を探求した自主制作です。
・SHISAKU SHŪ
https://spicerack-sr.com/shisaku-shu/
これまで制作してきた試作の中から、実務にも応用できるアイデアや表現を厳選してまとめています。
・AiMIDREAL
https://spicerack-sr.com/aimidreal/
AIで生成したビジュアルを活用し、表現や世界観の可能性を探るギャラリーサイトです。
現在も実務経験だけに留まらず、自主制作や技術発信を通じて、表現やユーザー体験について継続的に研究しています。