私自身（Hibimaru）のポートフォリオサイトをリニューアルいたしました。 以前のWebサイトは自作テーマのWordPressで制作していましたが、ページ遷移時の動作の重さや、個人的なフロントエンドの興味からヘッドレスCMSのMicroCMS + Next.jsで作り直しました。 アニメーションはAffter Effects, GSAP, Swiper.js, CSSアニメーションで構成されています。 <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/5db362ae966547f1b0856bb70b39e8da/portfolio_main.jpeg" alt=""> <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/ea4f0145c31049459b16f13ff4247ebc/portfolio_bottom.jpeg" alt=""> ページ遷移速度の向上に加え、イラストやアニメーションといった今後深めていきたいクリエイティブな分野を表現しました。 使用技術：Next.js, MicroCMS, EmailJS, AffterEffects, Illustrator

My New Portfolio Web Site

個人でアプリケーションを開発されているM様の「ペンギン日記」のイラストレーションを制作させていただきました。 <a style="color:#0186ab" href="https://apps.apple.com/jp/app/%E3%83%9A%E3%83%B3%E3%82%AE%E3%83%B3%E6%97%A5%E8%A8%98-%EF%BC%91%E6%97%A5%E3%82%92%EF%BC%93%E6%8A%9E%E3%81%A7%E8%A9%95%E4%BE%A1%E3%81%99%E3%82%8B%E6%97%A5%E8%A8%98/id1435000956" target="_blank" rel="noopener noreferrer">Visit Link</a> 一日の終わりに今日はどんな日だったかを「まる、さんかく、ばつ」の3択で簡単に日記を記録できます。 振り返った時にいい日がどれくらいあったか一目でわかるため、いい日を増やそうと意識して毎日過ごすことができます。 トロフィーや着せ替えなど豊富に機能が取り揃えられており、楽しく継続して日記をつけることができます。 <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/a60888317d08450faf557a2e04a47cf8/penguin-illustration_main.jpeg" alt=""> <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/663e10db0255406cb5f4987e18104412/penguin-illustrations.jpeg" alt=""> 使用ソフト：Illustrator

スマホアプリ「ペンギン日記」イラストレーション

東京・神奈川・埼玉を拠点に保育園運営事業を行っている株式会社Edulead様のコーポレートサイトの3Dイラストレーションを制作しました。 園に来る毎日がワクワクするような「世界に一つだけの保育園創り」をコンセプトにされており、キャラクターがたくさん生み出されています。 <a style="color:#0186ab" href="https://edulead.jp/" target="_blank" rel="noopener noreferrer">Visit Site</a> <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/83abb59ce43b4202894c907a37ee9b24/main.jpg" alt=""> <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/1c4ed421f09648eb8d75210d6071c3d6/sub_03.jpg" alt=""> <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/9dca0ca3ee0d42da8273caf60e1476a6/sub_02.jpg" alt=""> <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/ccdad5eb3e3c45c5a4ed0232a4d9b7db/sub_01.jpg" alt=""> 使用ソフト:Cinema4D, PhotoShop

株式会社Edulead様コーポレートサイト

個人クライアント様向けにロゴマークを制作いたしました。 イラストロゴとなっており、黄金比を用いて円のみで制作されています。 <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/3f590e292b4947618a10185e951d60e6/Bird-logo_sns.jpg" alt=""> <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/2943f57f29ca4172a27b13c47442b9d2/Bird-logo_sns_line.jpg" alt=""> コチラは蝶々をモチーフに鮮やかなグラデーションでご提案いたしました。 <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/6136d386c1934fbf8e432dd7430e7aa5/Butterfly.jpg" alt=""> <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/96d1790008d5454ca552a54fa209c6f4/Butterfly_golden.jpg" alt=""> 使用ソフト：Illustrator, Paper

個人様ロゴデザイン

母校である神戸電子専門学校グラフィックデザイン学科の進級・卒業制作として毎年行われる「現在地展2020」Webサイトの3D版イラストレーションを担当しました。 現在はサイトが閉鎖されているため、イラストのイメージだけでも見ていただければと思います。 <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/004b817755df4280b18bfc2ab4d3a8d7/nununu.jpg" alt=""> <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/e7ef20aa8ca34c69bfef565f2f7199af/fuuuuuuu.png" alt=""> <img src="https://images.microcms-assets.io/assets/5d6efd624ffe4010af152989fa5870f5/80ae651f31244b3496267cf86139cf7b/nazo.png" alt=""> 使用ソフト：Cinema4D, PhotoShop, Illustrator

My New Portfolio Web Site

スマホアプリ「ペンギン日記」イラストレーション

株式会社Edulead様コーポレートサイト

個人様ロゴデザイン

神戸電子専門学校「現在地展2020」Webサイト