Ael
一組ごとの想いを、写真と言葉で。
担当コンセプト / 情報設計 / デザイン / WordPress
Web Designer
& Developer
Information architecture
Design & WordPress
Design & WordPress
CHUM / NOI
VIEW WORK
想いを整理し、伝わるWebへ。
情報設計からデザイン、WordPressの実装まで。
目的と想いを、伝わるWebに整えます。
SELECTED
WORK / 01—03
01 / WORKS
Work
つくったものと、
考えたこと。
Webサイトの制作から、設計・デザインの提案まで。
それぞれの作品で、何を考え、どこを担当したかを紹介します。
HAGU MIRA
玩具を届けるだけでなく、学びの価値を伝える。
担当情報設計 / デザイン / WordPress / EC
NOI ブランドサイト
揺れに、輪郭を。伝わるWebとことばに。
担当ブランド表現 / 情報設計 / デザイン / Web実装
HARITOGYM
ケアと運動を、3つの表現へ。
担当上流設計 / UI設計 / Webデザイン3案
L’irréel cafe
大切な人と過ごす、非日常の入口。
担当デザイン / コーディング / WordPress
INTERBANK 採用ページ
外貨両替の仕事を、働く人の体験へ翻訳する。
担当情報設計 / UI設計 / PC・SPデザイン
井野病院
来院前の「どうすればいい？」に、入口から答える。
担当情報設計 / ワイヤー / PC・SPデザイン
HAGU MIRA リーフレット
Webの世界観を、一枚のリーフレットへ。
担当リーフレットデザイン / DTP
オハナ製茶
和の温かさと、OEMの専門性を伝える。
担当情報設計 / ワイヤー / Webデザイン
TRAD ARCHITECT
家づくりの想いと、施工の美しさを。
担当Webデザイン / STUDIO
NOI ポートフォリオ（既存版）
考え方と役割が伝わる、既存ポートフォリオ。
担当コンセプト / 情報設計 / デザイン / Web実装
LIFE hair design
日常に寄り添う美容室の、やさしい佇まい。
担当Webデザイン / 素材選定
フリスペ
設備と利用の入口を、すっきり見せる。
担当Webデザイン / サイト制作
Ait-Style
複合的な事業を、任せられる安心感へ。
担当Webデザイン / STUDIO
うなぎの兼光
炭火焼きの魅力と、来店までの情報を。
担当Webデザイン / サイト制作
新バーガー SNS告知 高級ver.
黒と金で表現する、大人のご褒美。
担当バナーデザイン
新バーガー SNS告知 POPver.
色と動きで伝える、楽しさとボリューム。
担当バナーデザイン
アイスクリーム夏限定フレーバー告知①
パステルと構図で、夏のかわいらしさを。
担当バナーデザイン
アイスクリーム夏限定フレーバー告知②
鮮やかな色と文字で、週末のワクワクを。
担当バナーデザイン
家具イベント告知①
紙の質感と線画で、手仕事の温かみを。
担当バナーデザイン
家具イベント告知②
雑誌のような構成で、暮らしの上質感を。
担当バナーデザイン
Digital Art
合成・レタッチ・生成AIによる表現の習作。
担当画像合成 / レタッチ
ねこヘルスケア LP
知って、確かめて、相談する。猫のケアを読みものとして伝える。
担当情報整理 / 導線設計 / PC・SPデザイン
富士脳障害研究所附属病院
急ぐ人の入口と、医師を知る情報を整理する。
担当上流設計 / 情報設計 / TOPデザイン
キャンベル動物病院
飼い主の問いを、診療・信頼・来院の入口にする。
担当情報設計 / ワイヤー / TOPデザイン
LifeRing コーポレートサイト
消臭という機能を、暮らしの心地よさへつなげる。
担当上流設計 / UI設計 / デザイン比較
ユーラシア旅行会社 TOP
旅への期待と、自分に合う依頼方法を一緒に伝える。
担当上流設計 / UI設計 / TOPデザイン
金属工事業 コーポレートサイト
仕上がりの写真と、3つの事業をつなぐ。
担当上流設計 / UI構成 / TOPデザイン
iFREE コーポレートサイト
TOPの印象と、下層へ展開できるルールをつくる。
担当上流設計 / UI設計 / PC・SPデザイン
ABOUT / CAPABILITIES
Think. Make.
CHUM / チャム
NOI
考えたことが、
ちゃんと届くように。
NOIとしてWeb制作に取り組んでいます。デザイン・言葉・構造を通して、伝えるべきことを整理し、目的に合った画面へと組み立てます。
01 / Design情報設計・Webデザイン
Figma / Illustrator / Photoshop / Canva / etc...
Figma / Illustrator / Photoshop / Canva / etc...
02 / DevelopmentHTML / CSS / JavaScript / Three.js
WordPress / WooCommerce / etc...
WordPress / WooCommerce / etc...
03 / AI情報整理・実装の補助・画像表現の検討
Claude Code / Codex / Adobe Firefly / etc...出力を確認・編集し、制作に取り入れています。
Claude Code / Codex / Adobe Firefly / etc...出力を確認・編集し、制作に取り入れています。
04 / Collaboration必要な工程から参加。
チームの進行ルール・守秘条件に沿って連携。
チームの進行ルール・守秘条件に沿って連携。
FROM THOUGHT
TO FORM.
DESIGN / BUILD / CREATE
CHUM / NOI
考えることから、かたちにするところまで。
一つひとつ、意図を持ってつくります。