Webサイト制作
コーポレートサイト、サービスサイト、採用サイト、LPなどの制作に対応しています。デザインから実装まで一貫して担当できるため、見た目とコードの両面から品質を担保できます。
コーポレートサイト制作ランディングページ制作WordPressサイト構築レスポンシブ対応既存サイトの改善・リニューアル
Design / Frontend / UI
デザインとフロントエンド開発を
グラフィックデザイン出身のフロントエンドエンジニアです。 Webサイト制作、UI設計、React / Next.js を使ったフロントエンド開発、 業務アプリの画面実装まで対応しています。
見た目の美しさだけでなく、使いやすさ、保守しやすさ、実装品質まで含めて、 プロダクトやサービスの価値を高めるお手伝いをします。
できること
UIデザイン・UX設計
ユーザーが迷わず使える画面設計を重視しています。情報設計、導線設計、操作性の改善まで対応します。
WebアプリのUI設計管理画面・ダッシュボード設計Figmaでの画面設計既存UIの改善提案デザインシステムの整理
フロントエンド開発
React / Next.js / TypeScript を中心に、保守しやすく拡張しやすいフロントエンドを実装します。
React / Next.js 開発TypeScript 実装コンポーネント設計API連携パフォーマンス改善既存コードの整理・リファクタリング
デザインと実装の橋渡し
デザイナーとエンジニアの間に入り、デザインの意図を実装に落とし込むことが得意です。両方の視点から体験と実装品質を改善します。
デザイン意図の実装反映実装しやすいUI設計体験品質の改善チーム間のコミュニケーション支援
強み
デザイン出身だから、細部まで見られる
余白、文字組み、配色、視線誘導、操作感など、ユーザーが無意識に感じる品質を大切にしています。
実装まで理解しているから、現実的な提案ができる
デザインだけで終わらず、実装コストや運用のしやすさまで考慮した提案ができます。
幅広い制作経験があります
Webサイト、Webアプリ、スマートフォンアプリ、業務用端末、デジタルサイネージ、印刷物など、さまざまな媒体の制作経験があります。
制作実績
SaaS管理画面のUI改善・フロントエンド実装
UI設計Figmaでの画面作成React / TypeScript による実装コンポーネント整理既存画面の改善提案
課題
情報量が多く、ユーザーが目的の操作にたどり着きにくい状態でした。
対応
画面構成を整理し、重要な情報が自然に目に入るようにレイアウトを再設計しました。共通コンポーネントも整理し、今後の開発・保守がしやすい構成にしました。
コーポレートサイトのリニューアル
サイト設計デザインフロントエンド実装WordPress構築レスポンシブ対応
課題
既存サイトの情報が古く、事業内容や強みが伝わりにくい状態でした。
対応
トップページの構成を見直し、サービス内容、実績、問い合わせ導線を整理しました。スマートフォンでも読みやすく、問い合わせにつながりやすい構成に改善しました。
店舗向けデジタルサイネージ制作
画面デザイン表示レイアウト設計コンテンツ制作運用を想定したデザイン調整
課題
限られた表示時間の中で、情報をわかりやすく伝える必要がありました。
対応
遠くからでも視認しやすい文字サイズ、配色、アニメーション表現を設計しました。店舗スタッフが運用しやすいよう、更新しやすい構成も意識しました。
使用技術・ツール
Frontend
HTML
CSS
JavaScript
TypeScript
React
Next.js
Vue.js
Backend / CMS
Node.js
PHP
WordPress
Python
Design
Figma
Adobe Photoshop
Adobe Illustrator
Adobe XD
その他
Git / GitHub
レスポンシブデザイン
UI/UX設計
印刷物デザイン
デジタルサイネージ制作
ご相談いただける内容
以下のようなご相談に対応できます。
- Webサイトを新しく作りたい
- 既存サイトをリニューアルしたい
- UIが使いづらいので改善したい
- FigmaのデザインをReact / Next.jsで実装してほしい
- デザイナーとエンジニアの間に入れる人を探している
- 小規模なWebアプリを作りたい
- WordPressサイトを改善したい
- LPを作って広告やキャンペーンに使いたい
進め方
1. お問い合わせ
まずは現在の課題や作りたいものについてお聞かせください。内容が固まっていない段階でも問題ありません。
2. ヒアリング
目的、ターゲット、必要な機能、納期、予算感などを確認します。
3. ご提案・お見積もり
対応範囲、制作スケジュール、費用感をご提案します。
4. 制作開始
デザイン、実装、確認、修正を進めます。必要に応じて、途中段階でも共有しながら進行します。
5. 納品・公開
最終確認後、納品または公開作業を行います。公開後の軽微な修正や運用相談にも対応可能です。
プロフィール
デザイナーとしてキャリアを始め、その後フロントエンド開発やWebアプリ開発へ領域を広げてきました。
グラフィックデザイン、Webデザイン、UI設計、フロントエンド実装を横断して経験しているため、 見た目と使いやすさ、実装のしやすさをバランスよく考えられることが強みです。
現在は、Webサイト制作、UI改善、React / Next.js を使ったフロントエンド開発を中心に活動しています。
個人開発アプリ
クライアントワークとは別に、学習・作業・日常の小さな不便をテーマにしたアプリも個人で開発しています。
