ABOUT
フロントエンド／コーダーとして、Figmaの意図を崩さない高精度なUI実装を得意としています。
余白・整列・動きなど細部の違和感を見逃さず、読みやすく崩れにくい構造に整えて実装します。
HTML/SCSS/TypeScript、GitHubでの開発に対応しています。細部を詰めて完成度を上げる工程が好きです。
Design Fidelity
Figmaの意図を崩さない再現
Maintainable Structure
読みやすく崩れにくい構造
Quality Mindset
細部調整・アクセシビリティ・一貫性
SKILLS
Frontend
Backend & Tools
PROJECTS
リメンテ様 店舗サイト
JavaScriptを使わず、CSSのみでスライダーを実装しました。
軽量で崩れにくい見せ方になるよう調整しています。
アセンズ動物病院様 医院サイト
予約タブがスマホ画面内に収まるよう、レイアウトを細かく調整しました。
情報が見切れない導線と余白バランスを意識して実装しています。
中谷彰吾税理士事務所様 コーポレートサイト
コーポレートサイトのコーディングを担当しました。
Figmaの意図を崩さず、読みやすく崩れにくい実装を意識しています。
佐藤久美(くみっこ)様 オフィシャルサイト
コーディングからサイト全体の動きまで一人で実装しました。
メニューアニメーションにはGSAPを使用しています。
株式会社アルファメディア様 コーポレートサイト
ワイヤーフレーム作成とコーディングを担当しました。
更新しやすく見やすいよう、ページ構成と導線を整理しています。
メル犬猫クリニック様 医院サイト
コーディングを担当し、ホバー時に犬・猫に切り替わるボタンを実装しました。
サイトの雰囲気に合う“遊び”を入れつつ、使いやすさも崩さないよう調整しています。
野田健公認会計士・税理士事務所様 ウェブサイト
ロゴ背面のあしらいと、メインビジュアルの雲の見え方を調整しながら実装しました。
画面の印象が崩れないよう、余白や配置のバランスを細かく整えています。
高浜台内科小児科クリニッ様 医院サイト
ワイヤーフレーム作成とコーディングを担当しました。
全ページを更新しやすくするため、共通パーツをFigmaで設計・整理しながら進めました。
介護タクシー ウェルコンパス様
スマホファーストのデザインを前提に、画面構成と見やすさを意識してコーディングしました。
小さい画面でも情報が読み取りやすいよう、余白と文字サイズを調整しています。
箱根工芸 様
スマホファーストのデザインを前提に、画面構成と見やすさを意識してコーディングしました。
小さい画面でも情報が読み取りやすいよう、余白と文字サイズを調整しています。
Contact
お手伝いできることがありますか？
新しいプロジェクトの相談やコラボレーションの機会については、 ぜひお気軽にご連絡ください。