Frontend Engineer / Freelance

木村オカピ UIを形にする
フロントエンドエンジニア

化粧品ブランドのSP LPからWordPress改修、Laravel管理画面まで。 デザインの意図を正確にUIへ落とし込みます。

制作実績を見る お問い合わせ
Scroll
01

About

OKAPI

はじめまして、木村オカピです。

デザインからキャリアをスタートし、現在はフロントエンドエンジニアとして活動しています。 EJS + Sass + Gulp による SP ランディングページ制作、WordPress テーマ改修、 Laravel 管理画面の UI 実装まで、デザインからコーディング・開発まで幅広く対応できます。

POLA など化粧品ブランドの SP LP を多数手がけ、vw ベースのレスポンシブ設計や スクロール連動 UI、WebP 最適化が得意分野です。不動産マッチングサービスでは、 ディレクション・ゼロベースでの Laravel 開発を担当しました。

デザインの背景があるからこそ、意図を汲み取った UI 実装が可能です。 デザインカンプとの差異を最小限に抑え、ピクセル単位の調整まで丁寧に対応します。 現在フリーランスとして活動中。新規制作・既存サイト改修・運用改善など、お気軽にご相談ください。

  • 20+ Years Experience
  • 50+ Projects Done
  • 100+ SP LP Pages
02

Skills

Technologies

  • HTML
  • CSS
  • Sass
  • JavaScript
  • jQuery
  • React
  • EJS
  • PHP
  • Laravel
  • Blade
  • FuelPHP
  • Git

Tools & CMS

  • WordPress
  • WooCommerce
  • Gulp
  • Swiper
  • WebP
  • Figma
  • Illustrator
  • Photoshop

Strengths

  • 01
    SP LP制作

    750px 換算の vw 設計で、化粧品ブランド向け SP ランディングページを高精度にコーディングします。

  • 02
    レスポンシブ実装

    スマホ・タブレット・PC すべてのデバイスで快適に閲覧できる UI を構築します。

  • 03
    アニメーション

    スクロール連動ヘッダー、トグル UI など控えめで洗練されたモーションを実装します。

  • 04
    WordPress改修

    子テーマでの CSS / PHP カスタマイズ、Swiper 改修、プラグイン連携まで対応します。

  • 05
    管理画面UI

    Laravel 管理画面のテーブル・モーダル・一括操作など、業務フローに沿った UI を実装します。

  • 06
    既存サイト改修

    レガシー HTML/CSS の SP 改修や本番との見た目合わせなど、既存資産の改善が得意です。

03

Works

04

Contact

新規制作・リニューアル・ご相談など、お気軽にメールください。

Instagram