SueokaAkira
like drifting clouds and flowing water,
give form to the spirit of them.
本サイトは、末岡哲のポートフォリオサイトです。
これまでの経験から、相手の想いを汲み取った形で、その目的を達成する「伝わるデザイン」
の実現に興味を持ち、2025年4月から学習を始めました。
シンプルで分かりやすいデザインとコーディングを心がけています。
私の制作物や人となりについて、ぜひ、ご一閲頂けると幸いです。
CalmNote は
「静けさ」「整う」「続けられる」をテーマに構築した
アプリ紹介サイトのデザイン作品です。
水泡・淡色のグラデーション・広い余白を使い、
ブランドとしての“静けさの世界観”を大切にしながら、
5ページの構成を一貫したトーンでデザインしました。
•FigmaでのWebデザイン制作（構成・レイアウト・配色設計）
•サイト全5ページのデザイン（Top / Features / Product / About / Pricing）
•カラーパレット、余白・影・角丸などのUIルール作成
•ロゴ・Typographyの設定
•テキスト・コピーライティング
•Webサイトとしての導線設計
•画像素材の選定およびAI生成（※UI部分はイメージ素材として使用）
Web Design
フランスをテーマにした 高級紅茶ブランド「Lumiere Tea」 のECサイトを想定し、
デザイン制作〜WordPress構築まで一貫して担当した自主制作サイト です。
ブランド世界観と商品の魅力が伝わるよう、
落ち着きのある配色と余白設計を意識して制作しました。
•情報整理・サイト構成
•Figmaデザイン（UI設計・カラー／タイポグラフィ設定）
•WordPressテーマ作成
テーマ編集
•ACF（カスタムフィールド）
•カスタム投稿（商品）
•ショートコード設計
•Post Gridで商品並び替え
•WEBP化で読み込み高速化
•ACFによる商品登録フォーム構築
•商品一覧ページ（Post Grid）実装
•レスポンシブ対応
•画像軽量化（WEBP化）
•SEOを意識したHTML構造
Web Design, logo, code
本ポートフォリオは、
デザイン制作・UI/UX設計・コーディング・WordPress構築・ブランド制作 を一貫して行った自主制作実績をまとめたものです。
Webデザインに必要な「考え方」「再現性」「情報整理力」「世界観づくり」を総合的に証明できる構成になっています。
Web Design, logo, code
2025年4月から、公共職業訓練校であるインタープランITスクール新宿校へ入校。
WEBデザインに関する包括的な知識の習得に励んでいます!
スキルや来歴の詳細については、アバウトページをご覧ください！
お仕事のご相談やご質問がございましたら、
お気軽にお問い合わせください。