Design × Code

Webデザイナー & フルスタックエンジニア

アイデアを、デザインとコードで形に

実績を見る
SCROLL
01

プロジェクト

02

主な実績

関東梯子株式会社 ウェブサイトのモックアップ

関東梯子株式会社

2025年6月

はしごメーカーのコーポレートサイト。構成を整理し、顧客のニーズに合わせてサイトをリニューアルしました。

  • HTML
  • CSS
  • JavaScript
  • WordPress
  • PHP
株式会社アイディ ウェブサイトのモックアップ

株式会社アイディ

2025年4月 · チーム開発

グラフィックデザイン・映像・Web制作を手がける広告制作会社のサイト。サイト全体の制作に関わりましたが、ここでは特にイラスト制作に注力しました。

  • HTML
  • CSS
  • JavaScript
  • WordPress
  • PHP
鈴木クリニック ウェブサイトのモックアップ

鈴木クリニック

2025年8月

栃木県宇都宮市のクリニックのサイト。落ち着いた雰囲気で、患者様が診療情報を見つけやすいよう設計しました。

  • HTML
  • CSS
  • JavaScript
  • WordPress
  • PHP
03

プロフィール

デザイナー → フルスタックエンジニア

想いのこもった
デザインを、
コードで形に。

日本を拠点に活動するフルスタックエンジニアです。
Webデザインの仕事を経て、自分がデザインした体験をより直接的に形にするため、ソフトウェア開発にも領域を広げました。

デザインと実装の両面からプロダクトを整理し、分かりやすく直感的なインターフェースを設計するよう心がけています。

菊地彩のイラスト
04

スキル

バックエンド

Ruby on Rails

PostgreSQL

AI / LLM連携

フロントエンド

HTML

CSS / SCSS

JavaScript

Bootstrap

デザイン

Figma

Illustrator

Photoshop

UI / Webデザイン

ツール &
ワークフロー

Git / GitHub

ターミナル

Heroku

Cloudinary

Claude Code

05

経歴

2023 – 2025

Webデザイナー / フロントエンドエンジニア

株式会社アイディ

様々なクライアントのコーポレートサイトを、企画からフロントエンド実装まで担当。

2021 – 2023

グラフィックデザイナー

株式会社アイディ

ブランディングや販促物、マーケティング資料などのビジュアル・印刷物デザインを制作。

06

お問い合わせ

一緒に、
アイデアをかたちに。

お仕事の機会やご相談がありましたら、お気軽にご連絡ください。