PORTFOLIO / 2026 WEB DESIGNER
DESIGN + CODE CHIBA / TOKYO

Web design / Coding / WordPress

伝わるデザインを、 動くWebサイトまで。

デザインからコーディング、WordPress構築まで。

お客様や店舗・企業、商品の魅力を整理し、
ユーザーの操作性とデザイン性を両立したWebサイトへ仕上げます。

PLUS-FOLIO / SKILL SYSTEM

考えて、つくって、
更新できるところまで。

デザインからコーディング、WordPress構築まで。 Webサイト制作に必要な工程を、幅広く対応します。

01 THINK

DESIGN

ユーザーにとっての見やすさ・使いやすさを大切にしながら、余白や文字組みなど細かな部分まで丁寧に設計します。スタイリッシュ、シンプル、かわいい、ポップ、和風、大人っぽい、子ども向けなど、幅広いテイストに対応できることが強みです。

02 BUILD

HTML / CSS / JS

コーディングではAIも活用し、制作スピードを高めながら効率よく構築します。生成されたコードをそのまま使うのではなく、レイアウトや余白、レスポンシブ対応など細かな部分は自分で確認・調整しながら仕上げます。

03 MANAGE

WORDPRESS

WordPressでは、クライアント自身が更新しやすいサイト構築を意識しています。投稿画面や入力項目のカスタマイズにも対応し、更新する内容や運用方法に合わせて、使いやすい管理画面を柔軟に設計します。

AI ASSISTED

おおまかなコード基盤作成・複雑なコードの調整・アニメーション・デバッグ等はAIも活用しながら効率的に進めています。

01 / SELECTED WORKS

Works

Webサイトを中心に、 デザインから実装まで携わった制作物を掲載しています。 各作品から担当範囲や制作意図をご覧いただけます。

学生時代から就労移行支援事業所に通所していた頃までの作品は、 こちらからご覧いただけます。

過去の作品を見る

02 / SERVICE

What I can do

「デザインだけ」 「実装だけ」はもちろん、 公開までまとめてのご相談も可能です。

01

WEB DESIGN

Webサイトデザイン

目的・ターゲット・掲載情報を整理し、 見た目と使いやすさの両方を意識して設計します。 PC / スマートフォンに対応します。

LP / Corporate / Shop / Recruit

02

CODING / WORDPRESS

コーディング・WordPress

HTML / CSS / JavaScriptによる実装から、 更新しやすいWordPressオリジナルテーマの 構築まで対応します。

HTML / CSS / JS / PHP / WP

03

DESIGN SUPPORT

既存サイトの改善・デザイン制作

既存ページのUI改善、 バナーや画像制作、 スマートフォン表示の調整など、 部分的なご相談にも対応します。

UI / Banner / Graphic / Update

WEBSITE

from ¥150,000

内容・ページ数・実装範囲に応じてお見積りします。 まずはご希望を伺い、 必要な範囲を整理してご提案します。

奥田萌愛

MOE OKUDA / WEB DESIGNER

03 / ABOUT

Design and code,
in one hand.

奥田萌愛

2000/12/14

デザインの意図をそのまま実装までつなげられることが、 私の強みです。

2000年12月14日生まれ

東京コミュニケーションアート専門学校で グラフィックデザインを専攻。 卒業後もWebデザインとコーディングを学び、 制作会社でのアシスタント経験を経て、 現在はWebデザイナーとして IT企業でWebサイト制作に携わっています。

Name
奥田 萌愛 / Moe Okuda
Tech
HTML / CSS / JavaScript / PHP / React / Firebase
Tools
Figma / Illustrator / Photoshop / VS Code / GitHub
Figma Illustrator Photoshop HTML CSS JavaScript JavaScript JavaScript JavaScript JavaScript

04 / FLOW

How we work

必要に応じてオンラインMTGも可能ですが、 内容によってはメッセージ中心での進行にも対応します。

  1. 01

    Contact

    目的やご希望、 参考サイト、 希望時期などをお知らせください。

  2. 02

    Planning

    必要なページ・機能・制作範囲を整理し、 お見積りと進め方をご案内します。

  3. 03

    Design & Build

    デザイン確認後に実装へ進み、 テスト環境で実際の表示をご確認いただきます。

  4. 04

    Launch

    最終確認と調整を行い公開します。 公開後の更新や軽微な改善も ご相談いただけます。

05 / CONTACT

Contact
me✦

contact@okudamoe.com

PLUS-FOLIO / MOE OKUDA

BACK TO TOP ↑