PORTFOLIO b1ue.jp / 2026

晃介（b1ue.jp）

Web Designer / Front-end Engineer  —  現役エンジニア歴 8 年
ABOUT

中長期で伴走できる、
静かで丁寧なWeb制作パートナーを。

本業でWebシステム開発に8年従事しながら、副業でフリーランスのWebデザイン・制作を行っています。 LP・コーポレート・サービスサイトを中心に、デザイン → 実装 → 公開後の改修まで一気通貫で対応可能です。 コーダー・ディレクターとの分業もスムーズに進められるよう、Figma / コンポーネントベースでの設計を基本としています。

NAME
晃介（b1ue.jp）
BASE
神奈川県川崎市 / フルリモート
STATUS
副業フリーランス（平日夜＋土日 / 週15〜20h）
TOOLS
Figma / Photoshop / WordPress / HTML・CSS・JS / Next.js
STRENGTH
UI/UX設計・コンポーネント設計・SEO/解析・実装まで一気通貫
CONTACT
kskkyd@b1ue.jp / Lancers DM
WORKS

制作実績・デモ

業種別に12点をピックアップ。各カードから実サイトにアクセスできます。
人材派遣コーポレート
CORPORATE

人材派遣コーポレートサイト

採用力強化を目的としたコーポレート。ネイビー × ティールで信頼感を演出。

WordPress採用SEO
外国人材派遣
CORPORATE

外国人材派遣・登録支援機関

BtoB信頼感をオレンジで温かみある印象に。多言語拡張前提の設計。

BtoB多言語
行政書士事務所
PROFESSIONAL

行政書士事務所

士業らしい落ち着き。深緑とゴールドで品格と信頼感を表現。

士業WordPress
医師特化FP
SERVICE

医師特化FPサービス

富裕層・専門職向け。落ち着いた紺・金で資産形成の信頼を可視化。

専門サービスLP
接骨院VRC導入
LANDING PAGE

接骨院向けVRC導入LP

BtoB向け新サービスLP。導入メリット→事例→料金の導線を簡潔に。

BtoB LP医療
認定こども園
EDUCATION

認定こども園

明るく安心感のあるトーン。保護者目線の情報設計と入園導線。

教育WordPress
健康麻雀店
STORE

健康麻雀店（シニア向け）

大きめ文字・高コントラスト・電話導線重視。UI/UXのアクセシビリティ配慮。

シニアUX
国際交流アプリWEB
SERVICE

国際交流アプリ公式WEB

多言語サービスのフルリニューアル提案。WordPress前提の情報設計。

多言語リニューアル
不用品回収比較LP
LANDING PAGE

不用品回収比較LP

比較LPのお手本構成。CTAと信頼バッジで問い合わせ最大化。

LPCV重視
投資用不動産LP
LANDING PAGE

投資用不動産LP

高単価商材ならではの信頼感・実績数値訴求を強めた設計。

LP不動産
子犬紹介サイト
CATALOG

子犬紹介サイト

カタログ的に犬種・血統情報を見せる構成。Google Sites 風の素直なUI。

カタログ
BtoB WordPress再構築
REBUILD

BtoB WordPress再構築

既存Notionコンテンツの構造を WordPress に移植・SEO設計まで。

WordPress移管
VALUE

継続パートナーとしての価値

1. 設計から実装まで一気通貫

Figmaでのデザインデータ作成だけでなく、コーディング・WordPress化・公開後の改修まで対応。 ディレクター様の意図を「実装の現実」を踏まえて翻訳できます。

2. コンポーネントベース設計

Atomic Design / Tailwind / 既存デザインシステムへの追従が前提。 ページ追加・改修でも統一感が崩れない設計を心がけます。

3. SEO・広告流入を意識した導線

自社運営メディア「RAVONOTE」での SEO ライティング・GA4 計測の知見を、 クライアントワークにも展開しています。

4. 本業エンジニアならではの安定運用

大手SIerでの常駐経験8年。スケジュール管理・コミュニケーション・障害対応のリテラシーを、 副業案件にも持ち込みます。

5. AI開発ツールでスピードと柔軟性

Claude Code / Cursor / Figma AI を実務活用し、デザイン量産・改修・実装のスピードを底上げ。 短納期や複数案件並行にも対応可能です。

6. NDA・継続契約OK

機密性の高いプロジェクトでもNDA締結のうえ参加可能。 月◯本固定／時給／成果単価 等、契約形態のご相談も柔軟に応じます。

OWNED MEDIA

自社運営メディア

企画 → 執筆 → デザイン → SEO まで自分で運用しているガジェット系メディア。

RAVONOTE

ガジェット・IT技術紹介ブログ。 キーワード設計・カテゴリ構造・記事テンプレ・GA4 計測まで一人で運用。 クライアントサイトの SEO 設計に直接活きる知見を蓄積しています。

VISIT  →
RAVONOTE.COM