About

Haruna
Takeda

portrait
Portrait — 3 : 4

Front-end Engineer — Tokyo

1996年生まれ。武蔵野美術大学でデザインを学んだあと、受託制作会社でフロントエンドエンジニアとして4年間、コーポレートサイトからキャンペーンサイトまで32件の実装を担当してきました。

デザイナーが引いた1pxのラインや、指定されたイージングの意味を、実装の都合で丸めないこと。それが自分の役割だと思っています。デザインカンプに描かれていない状態——ホバー、フォーカス、読み込み中、エラー、文字が想定より長いとき——を設計段階から一緒に詰めるのが得意です。

デザイン出身なので、Figmaを開いて自分で直す判断もできます。「実装できないので変えてください」ではなく、「この方法なら意図を保ったまま実装できます」と返せることを大切にしています。

現在は、受託で終わらずプロダクトの設計そのものに関われる環境を探しています。

4
Years of Experience
32
Sites Shipped
98
Avg. Lighthouse
1.2s
Median LCP

Career

2019 — Present
2022.04 — Present

Studio Kanade

Front-end Engineer / 正社員

  • コーポレート・ブランドサイトの実装を年間8〜10件担当。要件定義からデザイナーと並走
  • 社内の実装ガイドラインとコンポーネント基盤を整備し、新規案件の初期構築を平均3日短縮
  • アクセシビリティ対応を標準工程に組み込み、WCAG 2.2 AA準拠を全案件で達成
  • 後輩2名のレビューとオンボーディングを担当
2020.04 — 2022.03

Aoi Web Works

Web Developer / 正社員

  • WordPress・Shopifyを中心に中小規模サイトを年間12件前後実装
  • 既存サイトの表示速度改善を担当し、主要案件でLCPを4.1s→1.6sに短縮
  • 運用担当者向けのCMS管理画面の設計と、操作マニュアルの作成
2015.04 — 2019.03

Musashino Art University

B.A. Visual Communication Design

  • 卒業制作でWebを用いたインタラクティブ作品を発表

Capabilities

Languages
TypeScript / JavaScript / HTML / CSS / PHP
Frameworks
Next.js / Nuxt / Astro / Svelte
Styling & Motion
Tailwind CSS / CSS Modules / Sass / GSAP / Three.js / GLSL
Backend & CMS
Node.js / microCMS / Shopify / Headless WordPress
Workflow
Figma / Git / GitHub Actions / Vercel / Storybook
Accessibility
WCAG 2.2 AA 準拠の実装 / スクリーンリーダー検証 / キーボード操作設計
Performance
Core Web Vitals 改善 / 画像最適化 / バンドル分割

Open to New Opportunities

Let’s Talk

ContactBack to Works →