SueokaAkira
CalmNote は
「静けさ」「整う」「続けられる」をテーマに構築した
アプリ紹介サイトのデザイン作品です。
水泡・淡色のグラデーション・広い余白を使い、
ブランドとしての“静けさの世界観”を大切にしながら、
5ページの構成を一貫したトーンでデザインしました。
•FigmaでのWebデザイン制作（構成・レイアウト・配色設計）
•サイト全5ページのデザイン（Top / Features / Product / About / Pricing）
•カラーパレット、余白・影・角丸などのUIルール作成
•ロゴ・Typographyの設定
•テキスト・コピーライティング
•Webサイトとしての導線設計
•画像素材の選定およびAI生成（※UI部分はイメージ素材として使用）
Web Design
写真初心者〜中級者向けの フォト教室「PHOTO WORK LAB」 をテーマに、
サービス紹介と体験申し込みにつなげるための Webランディングページ（LP） を制作しました。
Figmaでの構成設計・デザインをすべて担当し、
「未経験者でも安心して通える教室」を明確に伝える構成を意識しています。
•情報整理・コンテンツ構成
•ワイヤー作成（Figma）
•LPデザイン制作
•写真選定・レタッチ
•スマホ向けUI最適化
Web Design, logo
ロックバンド「Hello World」を想定した、
世界観訴求型のバンド公式サイト を制作しました。
FigmaでのUI構成からデザイン、文章表現まで一貫して担当。
“アーティストの個性を視覚的に伝えるサイト” をテーマに、
初めて見るユーザーでも 音楽の世界に入り込める 構成を意識しています。
•情報整理・サイトマップ作成
•カラー・フォント設定
•Figmaデザイン
•余白設計・視線誘導
•ライティング（セクション文章 / コピー）
Web Design, logo, banner, code
ペット可物件に特化した不動産サービス「TailHouse」を想定した、
ディスプレイ広告用バナー を制作しました。
“ペットと暮らせる安心感” をメインに、
サービス特徴をわかりやすく伝えることを目的にデザインしています。
•Photoshop（写真補正 / 切り抜き / 合成）
•Illustrator（文字間調整 / 配置設計）
•Web広告向けの構成・ライティング
•CTRを意識したUI設計
banner
アパレル・雑貨ショップの ハロウィン限定オータムセール をテーマにした、
EC向けの販促バナーを制作しました。
アイキャッチ性を重視し、季節感とポップさを前面に出したデザインです。
•Photoshop／Illustrator
•フォント選定・文字レイアウト設計
•シルエット素材の加工・配置
•SNS／EC向けバナー構成
•色彩バランス調整
banner
秋開催の音楽フェス「AUTUMN BEATS」を想定した、
イベント告知用バナー を制作しました。
ライブ会場の迫力と、秋フェスならではの“刺激と熱量”を
短時間で伝えられる構成を意識しています。
•Photoshop（ライブ写真の色調調整・光の強調）
•Illustrator（文字レイアウト・視線誘導設計）
•SNS向け広告デザイン
•トーン＆マナーに合わせた世界観づくり
banner
フランスをテーマにした 高級紅茶ブランド「Lumiere Tea」 のECサイトを想定し、
デザイン制作〜WordPress構築まで一貫して担当した自主制作サイト です。
ブランド世界観と商品の魅力が伝わるよう、
落ち着きのある配色と余白設計を意識して制作しました。
•情報整理・サイト構成
•Figmaデザイン（UI設計・カラー／タイポグラフィ設定）
•WordPressテーマ作成
テーマ編集
•ACF（カスタムフィールド）
•カスタム投稿（商品）
•ショートコード設計
•Post Gridで商品並び替え
•WEBP化で読み込み高速化
•ACFによる商品登録フォーム構築
•商品一覧ページ（Post Grid）実装
•レスポンシブ対応
•画像軽量化（WEBP化）
•SEOを意識したHTML構造
Web Design, logo, code
アウトドア用品・トレイルブランド「WildTrail」を想定し、
ブランドの個性と冒険性を象徴する ロゴデザイン を制作しました。
“野性味 × 走破性 × 温かみ” をテーマに、
自然の中に挑むブランドイメージを視覚的に表現しています。
logo
海辺のSUP（スタンドアップパドル）スクール
「Harbor SUP」 を想定し、
海の爽快感とアクティビティのダイナミックさをイメージした
ロゴデザイン を制作しました。
“安全性 × 爽やかさ × アクティブさ” をテーマに、
初心者でも入りやすい親しみやすいロゴを目指しています。
logo