ポートフォリオサイト(本サイト) メインスクリーンショット

ポートフォリオサイト(本サイト)

制作区分
自主制作・実用
サービス分類
Webサイト制作
公開状態
公開済み

いまご覧いただいているこのサイト。生成水面とデータ駆動の事例管理を備えた、DBなし・ビルドなしのPHPサイト。

AK²Labの制作事例をまとめるために設計・実装した、このポートフォリオサイト自身。PHPテンプレートとJSON/CSVで構成し、DB・ビルドツール・外部パッケージを使わずに動作する。トップのCanvasは、複数方向の進行波から高さと傾斜を求め、水面の法線が太陽を向く部分を明るくする自作の水面反射エンジン。ページヘッダーでは別方式の生成水面を使っている。制作事例はキーワード検索とサービス分類・技術・領域の複合絞り込みに対応し、参考価格・担当範囲・関連リンクをJSONで管理。対応スキルと使用ツールはCSVから読み込み、分類フィルター付きで表示する。登録データは検証スクリプトでタグ、リンク、画像パスなどの整合性を確認できる。

同等規模を新規制作する場合の参考価格

800,000円

オリジナルデザイン、生成背景エンジン、データ駆動の制作事例管理(検索・複合絞り込み・参考価格表示)、タグクラウド、レスポンシブ対応、公開設定を含む想定です。

掲載価格は、本事例と同等の規模・機能を新規制作する場合の目安です。ページ数、機能、素材、外部サービス連携、サーバー環境などによって変動します。

制作目的

制作事例、参考価格、担当範囲、技術情報を一か所に整理し、依頼を検討する人が制作内容を具体的に確認できるようにするため。サイト自体も既製テーマを使わず、現在の実装方針とデザインを反映している。

想定利用者

AK²Labへの依頼を検討している事業者、制作事例や対応範囲を確認したい人

担当範囲

  • 企画・要件整理
  • 情報設計
  • UI設計
  • Webデザイン
  • フロントエンド実装
  • Canvasモーション実装
  • バックエンド実装
  • レスポンシブ対応
  • テスト
  • サーバー設置・公開

主な機能・特徴

  • DB・ビルド・外部パッケージを使わないPHP構成(データはJSON/CSV)
  • 進行波の高さと傾斜から法線を求めて描く、トップの水面反射エンジン
  • 制作事例のキーワード検索とサービス分類・技術・領域の複合絞り込み
  • 参考価格・担当範囲・関連リンクを含む制作事例データ管理
  • 対応スキル・使用ツールの分類フィルター付き表示
  • 制作画面ギャラリーと技術別の索引
  • タグ・リンク・画像パスなどを確認するデータ検証スクリプト
  • 大きな見出しと余白を基調にしたデザイン、prefers-reduced-motion対応

技術スタック

制作領域

制作期間

2026年〜

ご相談について

制作内容や規模についてのご相談は、AK²Lab本サイトのお問い合わせ窓口からお送りください。

ご相談・お問い合わせ