パンブリュットについて
プロフィールと制作事例をご紹介します。
Webサイト制作エンジニアならではの提案型設計で、
戦略的に営業ツールとして活用できるCMSを構築します。
WordPressをフレームワークにCMS構築
エンジニアならではのディレクションでサイトの課題を達成します
pane brut パン ブリュット はフリーランスのWeb制作技術者（設計・プログラミング／ディレクター／Webデザイナー）です。大阪を中心に関西一円をベースに活動しています。
パートナー制作会社／アートディレクターを中心としたフリーランスチーム制作者とともにコーポレートサイトCMS、社内システムの開発／制作・ディレクションを行っております。
インターネットの世界は日々拡大・進化し、コーポレートサイトはさまざまな効果を生みだしています。運営されるクライアント企業様が使いやすく、効果的な機能にチャレンジしていただけるようなアグレッシブなWebサイトを制作していくことに日々精進しています。
代表 松島由美子
パン ブリュット
pane → pan（カメラのパンニング） + pane （ペイン、枠）の造語
brut → フランス語で「手をくわえていない、生の状態」
好みのアートである「art brut アール・ブリュット（生の芸術）」にちなんで
スパークリング・ワインでは「ドライ（辛口）」の意味も
「Webサイトは伝えたい魅力に動的にフォーカス、キリリと直感、鮮度を保ちましょう。」と思いをこめて。
Webサイトの活用目的にあわせた運用目線の設計
Webサイトのリニューアルでは、運用時の課題／アクセス解析での課題／営業戦略に合わせた課題の3点を特に重視します。堅実なサイト設計を実践するため制作チーム側から運用効率化を含めた総合的なWebサイト活用についてご提案させていただきます。クライアントさまのご要望を細かく解析して設計におとしこみ、フロントエンドUI/UXとバックエンド投稿画面〜SEOを徹底したCMSテンプレートを設計デザインします。
エンジニアがリーダーとなることで技術者とアートディレクターが効率よく設計を実践できるため、クライアントさまのリクエスト／課題を隅々までサポートすることができます。これまでのWebサイトで運用しづらい点、わかりくい操作フロー、新規問い合わせが少ないなど機能的な欠点を探し運用課題を徹底的に洗い出すことで改善点を元に設計を実施します。
デザインの課題やご要望にも経験豊富な制作チームで対応します。BtoBではシンプルに信頼・誠実さを表現、若年層へ訴求するサイトではアニメーション表現とひと目で伝わるレスポンスのいいグラフィカルなデザインなどクライアントさまの事業／Webサイトの目的に沿ったグラフィック表現をデザインします。
SEO技術とかけあわせたコピーライトとともに製品や事業・働く人々を魅力的に表現する写真・動画などビジュアルデザイン制作についてもご要望／予算規模にあわせてきめ細かく対応させていただきます。
発信に強く運用しやすいWebサイトとしてリニューアル成長させることで、戦略的な営業ツールとしてご活用いただき、新規顧客開拓へ貢献します。
プロフィールと経歴
CMSでクライアントさま事業に貢献できるWebサイト制作を
マルチメディアコンテンツ制作やソフトウェア開発／システム開発でのプログラマ経験、ユーザーサポート／営業経験などを生かして、クライアントとの距離が近い立場で提案ができる制作ディレクターをめざし、2010年にソフトウェア開発からWeb制作業界へ転職。XHTMLからHTML5となり、コーポレートWebサイトも会社案内パンフレットの延長であった静的役目を脱却し、モダンデザインによるグラフィック表現とCMSによる多彩な機能で大きく進化していきました。
技術者の少ないWeb制作業界で、システム改修や攻撃されたサイトの修復依頼が続きプログラマとしてWeb系開発にも携わることに。
当初からCMSへ取り組み、Joomal! 構築からスクラッチのオンプレミス型CMSをメインに開発。Joomla! の洗練されたCMS機能と設計思想を勉強できたことで、CakePHP／WordPressをフレームワークとしたCMSやスクラッチCMSについても設計からシステム構築までスムーズに取り組むことができました。
見学相談会など多くのスケジュールや申込フォームを管理する学校サイト、掲示板や部署ごとの投稿を管理し多彩な機能をリクエストされる社内報やイントラ社内ポータルサイトをはじめ、営業活動と連携する事例検索や製品管理、多言語やIR情報など多角的なページ構成が重要な製造業法人サイト、BtoCサイトでのSEO対策、Movable Typeなどオープンソース系／オンプレミスCMSからのデータマイグレーション、マルチサイト管理、セキュリティ対策、コンテンツSEOなどを経験しながらWeb技術を横断的に駆使することで多くのCMSサイトを構築してきました。
戦略的な営業ツールとしてWebサイトを構築することで、新規顧客開拓や商談にWebサイトをご活用いただけるようサイト制作から運用まで丁寧にサポートしてまいります。
品質と運用効果を最優先したWebサイトを制作
WordPressベースのCMS開発をメインに、パートナー制作会社様／フリーランス制作チームと協業して、企業様コーポレートサイトから社内システムまでインハウス運用や多機能な社内ポータルサイトなどクライアント企業さまの現場の運用課題を実現するWebサイトを制作／開発しています。
ソフトウェア会社でのプロダクト開発／マルチメディアコンテンツ制作経験と、飲食業時代のホスピタリティでクライアントの要求に100%応えられるよう、プログラマとして丁寧な設計と徹底した実装テストによる不具合の少ない開発スタンスを実践、チーム制作の品質を向上させていけるようエンジニア兼ディレクターとして微力ながら日々精進しております。
1990年代は建築CADソフトウェア業界で営業と開発を経験
住居学やインテリアコーディネートの基本を学び、土木建材メーカーの電産部から発展した建築CADソフトウェア開発会社に就職。営業・インストラクターとしてソフトウェア開発、プログラミングと出会いました。建築専用の汎用CADをベースにしたアプリケーションで強力なマクロ言語が搭載されており、簡単な玉砂利ハッチングプログラムなどを書いて遊びでユーザーさまに配ったのが初めてのプログラミングでした。日本各地の設計事務所／建築土木設計企業さまでMS-DOSの使い方からCADによる設計図の書き方までを講習、建築／建設業界とソフト開発の素晴らしさに目覚めるキャリアスタートとなりました。
プログラマを目指してCG／建築CADソフトウェア会社の開発部へ転職。マルチメディアコンテンツの開発を担当し本格的にプログラミングとコンテンツ制作の世界へ。Macromedia Director によるタッチパネル・キオスク／CD-ROMコンテンツ／CD-ROMアドベンチャーゲームなどを開発。のちにShockwave、FlashでもリッチなWebコンテンツを制作しました。
5年間在籍したこの会社では、オリジナルのOS、ワープロやパース、音楽シーケンサーソフトなどMacアプリケーション、MPEG動画圧縮、建築3DCAD・・・あらゆるソフトウェアを生み出すロックスターに囲まれプロダクト開発と技術者の真髄に触れる貴重な経験を積むことができました。開発、マーケティング部を中心にサポートセンター、営業、総務・・・個性あふれる気の合う人々に恵まれインターネット前夜からドットコムバブル黎明期を過ごしました。アニメーション／音声同期、ゲームシナリオの管理などオブジェクト指向の基礎を学びながらコンテンツ制作ならではの多彩な設計・プログラミングを経験、その後のWebコンテンツ制作の礎となる開発部時代でした。
1999年に飲食店を開業。2000年代の8年間は異業種生活を堪能します。その後、制作／開発への思いがつのりシステム開発会社に転職、プログラマとして宇宙／航空業界のプロジェクトを経験。C++／Visual BasicでWindowsアプリケーションを開発、デザインパターンを軽々使いこなす素敵な職人プログラマたちの書いた美しいコードに出会い技術力の高い先輩方に刺激を受ける貴重な体験でした。
過酷なシステム開発現場でもよき先輩方に恵まれて楽しく働いておりましたが、巨大クライアントのユーザーまでの距離は果てしなく遠く感じられ、設計は鉄壁のウォーターフォール型の時代。ソフトウェア開発企業での革新的で自由闊達、のびのびした環境との違いに馴染めず2年後に転職（社長、本当に短くて申し訳なかったです・・・）、ソフトウェア会社時代の尊敬する上司からのお声がけもありWeb制作の世界でフリーランスとしてディレクターを目指すことになりました。
制作実績／事例
以下は一部の制作実績のご紹介です。サイト名や利用しているフレームワークなどは大部分を非公表としていますので制作サイト実績の詳細については、お手数をおかけしますが直接お問い合わせ下さい。
SEO施策のためのサイト改修
営業戦略に沿った製品開発情報を発信する特集ページを制作。新規顧客からの問い合わせに直結させるSEOコンテンツディレクションとしてアートディレクターとエンジニア共同で提案制作しています。ベテランカメラマンによる撮影も多彩な製品や事業を魅力的に見せることができご好評いただいております。
美容系クリニック新規サイト構築
コンテンツSEOに重点をおきインハウス運営することを目的とした新事業のサイト構築。ドクター自らのブログ運営がコンテンツSEOとして順調に成果をあげています。
MovableType攻撃サイトの復旧とWordPressへのデータマイグレーション
他社制作のサイトが改ざんされ閲覧できなくなったため緊急復旧作業を担当。古いバージョンのMovableTypeの脆弱性をついたhtaccess改ざん、不正ファイル設置などをリカバリー後にWordPressサイトへリニューアル提案（Webデザイナーをご紹介）、データ移行を担当しました。
MovableType to Joomla! or WordPressへの移行は規模の大小にかかわらずいくつか経験しました、MovableTypeのベーシックなデータベース構造は特別な処理を追加することなくスムーズに移行できています。
マルチサイト改修
企業コーポレートサイトでは、20年を超えて長期運用されているサイトをリニューアルすることがしばしばあります。こちらも20年選手の４サイトWordPressマルチサイトにて大規模リニューアルを実施しました。サイト導線の大幅改修によるリニューアルデザインにあわせて複雑な製品情報をデータコンバート、モダンな製品ページ管理CMSとしてアップデートしました。Ajaxによるサイトを横断したデータ取得などマルチサイトならではの対応は設計に注意が必要です。
問い合わせ管理／製品情報検索システム
製品情報と問い合わせを管理するCMSをスクラッチ開発。事業分野が多岐にわたる3言語対応の企業サイトでフォームの種類がとても多いため、自由度の高い問い合わせページを動的に生成するCMSと製品検索CMSを設計実装しました。
会員システム新規開発
BtoB製品の図面書類ダウンロードCMS、他社開発の既存システムのリプレースプロジェクト。会員サイトとしてコーポレートサイトに組み込み、図面書類やダウンロード履歴を管理。スクラッチに比べると格段に管理機能がリッチで運用しやすいサイトとなりました。
コンテンツSEO施策のためのコーポレートサイトリニューアル
BtoBtoC メーカーの直販強化対策のためブログサイトを新規構築。コーポレートサイトを全てブログ記事にすることで、社内で編集／投稿するインハウス運用を実現できました。
オンラインストア連携のための設計デザイン提案でSEO効果の高いコーポレートWebサイトから直接販売へ結びつけることができました。
クライアントさま運用チームの熱心な取り組みで社内一丸となったコンテンツSEOを実現することができ、企業ブランディングやD2Cオンライン販売に貢献するWebサイトとなりました。
製造業企業サイトリニューアル構築
製造業クライアントさまの新規開拓に貢献する営業戦略に沿ったWebサイト構築。直接案件のため全体の統括ディレクション／コンテンツSEO設計など全体設計とプロジェクトの管理進行を担当。アートディクレターを中心に経験豊富なライター／カメラマン／翻訳会社による堅実なチーム制作ができました。
クライアント企業さまでは社員のご家族さまからも「事業説明がわかりやすく、やっと何を製造しているのかが伝わった」というお言葉をいただいたことが印象的で、インナーブランディングとしての手応えも企業サイトとしては重要な進化と感じております。Webサイトでの事業サービスの強みや製品の魅力の伝わりやすさは設計デザインの品質が大きく影響します。製造業の魅力的な企業案内をWebサイトとして構築することで新規顧客からの問い合わせや採用に直結しています。
アパレル店舗のEC-CUBEをShopifyへ移行して越境EC対応
長年DIYで運営してこられた公式サイトをCMSとして新規構築、日英多言語対応と膨大なブログ記事を移行。あわせてこちらもDIY運営だったEC-CUBEサイトをShopifyで日英サイトを構築して会員情報を全て移行、オンラインストア営業のダウンタイムを最小限にリニューアルできました。Shopify APIを利用して、公式サイトに商品情報を連携表示することでブランディングと販売の連携を実現しています。越境ECに強いShopifyは基本的な多言語SEOもできており、まだみぬ遠くの国からもご注文いただけるとのことで、クライアントさま運用も順調です。
設計図書管理のイントラサイト
ゼネコンのクライアント向け設計図書管理のためのイントラサイト。設備関連など施主側が図面情報を自由に検索／ダウンロードできるようメンバーサイトとしてCMS構築。社内ポータルサイトの構築などイントラ案件は数年間にわたって多数経験させていただきました。企業内全体からのリクエストが多く、多彩な要望を機能にまとめる設計デザインが重要です。是非とも一度ご相談ください。
通信会社法人サイト事例管理CMS新規開発
通信会社の法人事業サイトのためのCMSをスクラッチ開発。複雑で多岐にわたるサービスカテゴリーのデータ構造設計や一括インポート機能で事例ページをCMS化しました。スクラッチ開発で最も難航する機能の一つが親子カテゴリ管理のデータ設計やUI実装です。この案件の後はスクラッチ提案をやめてPHP・Javascirptともにフレームワーク利用へ移行していきました。
製造業コーポレートサイトリニューアル構築
金属加工製造業コーポレートサイトの古いWebサイトをモダンにリニューアル。事業サービスや設備情報／海外拠点など企業情報を整理した導線設計で、採用や多言語にも強いサイトデザインとなりました。
ホテルチェーンシティホテルサイト
結婚式場／宴会場／レストランを併設するシティホテルのリニューアル構築。外部予約サイトとの連携、ウェディングの見学フェア管理ではカレンダー・申し込みフォームの自動生成、直接採用の履歴書提出フォームや業種別の採用情報管理など多彩な機能を構築し、インハウス運用で長期稼働しています。
アパレル新店舗サイト構築
新規店舗のため近隣／広域のエリアSEOとコンテンツSEOを重点に設計。個人事業さまの小規模サイトではWebデザインも当方が担当しております。
アパレル店舗リニューアル構築
他社制作のWebサイトでは問い合わせが減ってしまったため、デザイン設計とSEOに重点をおき急遽リニューアル構築。あらためてサイト設計の重要性を認識しながら構造化マークアップ／SEO設計／コンテンツSEOなど複合的なCMS構築の基礎を固める案件となりました。個人事業さまの小規模サイトではWebデザインも担当しております。
アパレル企業リニューアル構築
総合アパレルメーカーさまのコーポーレートサイトリニューアルでCMSを導入。増減するブランドや販売店、直接採用情報、IR情報をインハウス管理運用できるようCMS構築、長期稼働いただいております。
専門学校グループ各サイトリニューアル構築
長年運用してきたブログデータを新旧異なるCMSフレームワークへマイグレーション。古参のサイトならではの膨大なデータの取り扱いをスムーズに実施するためのテストを繰り返し、ダウンタイムを最小限にリニューアル移行。卒業生、在校生への連絡管理や学校見学スケジュール、フォーム申し込みなど多彩な機能を構築しました。
企業様でコーポレートサイトのリニューアル／社内システムのリプレース／社内ポータルサイトの構築をお考えの方、不具合が多い／管理画面が使いづらいなど運用にお困りごとのある方は是非一度ご相談ください、専門の制作チームで対応します。お気軽にお問い合わせ下さい。