Works

website design


ヘアサロンm.style様 サイトデザイン(実装有オリジナル)

【要件】
都心近郊に佇むプライベートサロンとして、「1席だけの上質な癒し空間」をコンセプトに原稿案〜実装までを制作。
特別感と落ち着きを感じられる余白設計と、施術者の想いが伝わる温かみのあるトーンを意識し、「ここならマンツーマンで安心して任せられる」
と思える信頼感のあるデザインを目指しました。


【制作期間】3週間


【制作ツール】Photoshop,Figma


【担当範囲】
・実装   
・サイトデザイン(構成設計・ビジュアルデザイン)   
・施術者紹介ページの構成
・ユーザー動線設計(予約導線の明確化)   
・カラー・フォント選定

websiteはコチラ → https://mstyle.website


ヘアサロンA-style様 サイトデザイン(オリジナル)

【要件】
地元を愛する施術者紹介をはじめ「家族皆で訪れたくなるサロン」 がコンセプト。
地域密着ならではの親しみやすい、温かみのある心地よいデザインを意識することで、閲覧される地元のお客様に「ここなら安心して通えそう」
と感じられるデザインイメージに仕上げました。


【制作期間】3週間


【制作ツール】Photoshop


【担当範囲】
・サイトデザイン(構成設計・ビジュアルデザイン)   
・施術者紹介ページのレイアウトデザイン
・ユーザー動線設計(予約やお問い合わせの動線強化)   
・カラー・フォント選定


maruweb portforio website

【要件】
maruwebというwebデザイナーを知って頂くために、どのような想いでこの仕事に挑み、どんな生き方をしてきたのか、
そしてどんな作品を作れるデザイナーなのか?を知って頂くためのポートフォリオサイトとなっております。


【制作期間】3週間


【制作ツール】wordpress , Photoshop , Illustrator


【担当範囲】
・サイトデザイン(構成設計・ビジュアルデザイン)   
・全ページレイアウト、動線設計
・カラー・フォント選定等、すべての作業

LP design


Hybrid Money LABO様 資産運用LP(実案件)

【要件】
資産運用の相談LPとして、年収1000万円以上の家族有ターゲット層に刺さる設計を目指し
「信頼感」「論理性」「ストーリー性」を意識した構成で制作。
金融や保険への不信感を払拭しつつ、「守りながら育てる」設計思想を自然に伝える流れで、様々な運用選択の不安も配慮した柔軟なメッセージを設計。配色はネイビー×ゴールドを基調に、落ち着いた中に知的さと上質さを演出。


【制作期間】
1週間
(構成設計/原稿案〜ビジュアルデザイン)


【制作ツール】
Photoshop・Illustrator・Figma


【担当範囲】
・LPデザイン
(構成設計/ビジュアルデザイン)
・ライティング・コピー設計
(悩み共感〜比較〜行動誘導まで)
・ユーザー動線設計
(CTAの配置/セクション別再誘導)
・配色/タイポグラフィ設計
(高単価層向けトンマナの構築)
・図解アイデア、イラスト要素の企画とビジュアル化指示

websiteはコチラ → https://maluajapan.com/hbmoney_lp


プライベートヘアサロンm.style様 LP(オリジナル)

【要件】
プライベート空間で丁寧な施術を行うサロンの魅力を、
落ち着きと温かさのあるデザインで伝えたいというご要望。
予約をこのLPで完結するため、美容系LPにありがちな華美な装飾ではなく、“丁寧さ”と“贅沢すぎない心地よさ”が伝わる世界観を意識して設計しています。


【制作期間】約10日間


【制作ツール】Photoshop / Figma


【担当範囲】
・LPデザイン(構成設計・ビジュアルデザイン)
・ユーザー動線設計(ご予約までの自然な流れを設計)
・配色・フォント選定(ミントグリーン×ベージュのやさしいトーンに統一)

LPはコチラ → https://mstyle.website/lp/


VITAJELLY様 ゼリーサプリメントLP(オリジナル)

【要件】
野菜や果物から取れるビタミンに特化したフルーツや野菜が含まれてるので、明るくPOPなイメージ
配色はお任せしますがカラフルな印象が与えられる配色が希望とのことで、ビタミン感を感じられ元気が出るイメージに配色。


【制作期間】1週間


【制作ツール】Photoshop


【担当範囲】
・LPデザイン
(構成設計・ビジュアルデザイン)
・ユーザー動線設計
(サブスクCTAまでの動線強化)
・カラー・フォント選定

AI Visual Design

Business Card

Zoom Banner

SNS Banner

ペットトリミングサロン Litta様 VI制作物(オリジナル)

【要件】
ブランドのVI(ビジュアル・アイデンティティ)である「白とベージュで整えられた、やさしく澄んだ世界観」に沿ってデザインを構築。
小型犬を飼う飼い主様に安心と信頼を感じていただけるよう、清潔感とやわらかさを意識して制作しました。
生成AIで描いた線画イラストを用い、Zoom背景・名刺・SNSバナーなど各種クリエイティブにおいて、トーンやテイストの一貫性を保っています。


【制作期間】1日


【制作ツール】Illustrator


【担当範囲】

・生成AI(ChatGPT/画像生成AI)×Illustratorを活用した制作
・アートディレクション・構成設計
・ビジュアルデザイン全般(名刺/Zoom背景/SNSバナー)
・VIに基づくカラー・フォント選定
・ユーザー動線設計(CTA訴求を意識した構成)


youtubeサムネイル

ayaの投資・節約チャンネル 様
【制作期間】1日
【制作ツール】Photoshop

ayaの投資・節約チャンネル 様
【制作期間】1日
【制作ツール】Photoshop

ayaの投資・節約チャンネル 様
【制作期間】1日
【制作ツール】Photoshop

ayaの投資・節約チャンネル 様
【制作期間】1日
【制作ツール】Photoshop

ayaの投資・節約チャンネル 様
【制作期間】1日
【制作ツール】Photoshop

ayaの投資・節約チャンネル 様
【制作期間】1日
【制作ツール】Photoshop

ayaの投資・節約チャンネル 様
【制作期間】1日
【制作ツール】photoshop

ayaの投資・節約チャンネル 様
【制作期間】1日
【制作ツール】Photoshop


blogバナー

医療脱毛ブログ 様 (demo case)
【制作期間】1日
【制作ツール】Photoshop

医療脱毛ブログ 様(demo case)
【制作期間】1日
【制作ツール】Photoshop

不動産ファミリーホーム様
blogアイキャッチ画像(demo case)
【制作期間】1日
【制作ツール】Photoshop

不動産ファミリーホーム様
blogアイキャッチ画像
(demo case)
【制作期間】1日
【制作ツール】Photoshop

医療脱毛ブログ 様(demo case)
【制作期間】1日
【制作ツール】Photoshop

Jazz Bgmサムネイル様
YOUTUBEアイキャッチ画像
(demo case)
【制作期間】1日
【制作ツール】Illustrator


instagram広告・宣伝バナー

METIME CAFE 様 Instagram広告アイキャッチ画像
(demo case)
【制作期間】1日
【制作ツール】Photoshop

METIME CAFE 様 Instagram広告アイキャッチ画像
(demo case)
【制作期間】1日
【制作ツール】Photoshop

東沢税理事務所 様 
instagram広告アイキャッチ画像
(demo case)
【制作期間】1日
【制作ツール】Photoshop

Logo design


ヘアサロン A-style様ロゴ(demo case)
【制作期間】1日
【制作ツール】Photoshop

ForestRearth 自身の起業時商品のロゴ
【制作期間】1日
【制作ツール】Illustrator

当ポートフォリオmaruweb designロゴ
【制作期間】1日
【制作ツール】Illustrator