>>ホームページ制作以外のFlash制作以下の実績についてはこちらををクリックして下さい。
デザインの世界は奥が深く、WEBの技術は日々進歩し、これからも身につけるべき技術・知識は山ほどあります。まだまだ勉強し続けたいと思います。最近は受注案件の大半がレスポンシブウェブデザインでの制作とWordpressの導入となっております。様々なSNSツールにより最近はSEO対策についてはあまり大きな比重を占めなくなってきたように感じますが、検索エンジンの成果についても気を配りたいと思っています。
オフィスローズを開業して14年半、ホームページを開設して14年になり、私自身の趣味のHPも含めると、100近くのサイトを制作してきました。それぞれのお客様との関わりの中で、私もWEBデザイナーとして成長してこれたと思います。 どれもが思い入れ深い作品ばかりです。
WEBシステム開発についてはPHP、MySQLでの会員制マッチングサイトの案件を多数経験しております。企画からデザイン、コーディング、コピーライト、システム開発、SEO対策など、幅広くできるデザイナー・プログラマーを目指しております。
これからも、一つ一つの仕事に丁寧に誠意を持って臨み、お客様に満足していただけるよう、これからも努力していきたいと思いますので、よろしくお願い致します。
(2018年5月10日 更新)
それぞれのHPタイトルか画像をクリックすると、ブラウザ上で見ることができます。
(※サイトが閉鎖されていたり、デザインリニューアルをされている可能性があります。)
検索エンジンの結果は、2014年8月10日のものです。
▼求職者向け職業訓練校の日本創造学院様のサイトを新規制作致しました。
-トップページ以下のWEBデザイン とフルCSS5・HTMLコーディング
-レスポンシブデザイン 総ページ数 約30ページ
-お問い合わせフォームCGI
-Jqueryベース(メニューボタンのマウスオーバー、スライドショーなど)
▼イメージ: 求職者向け職業訓練、通信制高校のサポート校、美容関係の専門学校と対象が幅広いので、どの年代の男女にもアピールできるようなきれいなデザインを望まれましたので、カラーに気をつけて作りました。
▼大阪大学大学院 情報基礎数学専攻科のホームページを、2017年に日本語版、2018年に英語版を制作しました。
-トップページ以下のWEBデザイン とLコーディング、レスポンシブデザイン
-全ページ Wordpress使用
-Jqueryベース(メニューボタンのマウスオーバー、スライドショーなど)
▼出身高校である大阪府立高津高校の美術部のホームページをOBとして自主製作しました。
-トップページ以下のWEBデザイン とコーディング
-レスポンシブデザイン
-企画・構成・コピーライティング全般
-Jqueryベース(メニューボタンのマウスオーバー、スライドショーなど)
▼イメージ: 2018年に創立100周年を迎えるので歴史を振り返り、OBと現役生を繋ぐような雰囲気にしたいと思い、トップページをデザインしました。
▼広島限定のお墓・霊園・墓地・墓石情報サイト『ひろしまのお墓』をリニューアル制作しました。
-トップページ以下のWEBデザイン とコーディング、コピーライティング
-Wordpreeにて構築、お墓の検索プログラムを導入
-SEO(検索エンジン) 対策全般
-お問い合わせフォームCGI
▼イメージ: お墓を探す方がターゲットですので、アースカラーでナチュラルな感じにグリーンとグレーベースに作りました。お墓のデータはWordpressから追加するようになっています。
▼エレクトーン奏者・キーボーディストとして活躍されている高田和泉さんのオフィシャルサイトを新規制作しました。
-トップページ以下のWEBデザイン とコーディング
-レスポンシブデザイン
-お問い合わせフォーム、CDお申込みフォーム
▼イメージ: 高田和泉さんの雰囲気を大事にしてほしいと言うことで、CDジャケットの写真に合わせてトップページとサブページの2種類のデザインにしました。
▼Amazonギフト券の売買サイト「アマオク!」様のシステムの立ち上げとメンテナンスを担当しました。
-PHPフレームワーク CodeIgniterを利用したシステムの構築
-管理画面を中心にシステムメンテナンスを担当
▼広島長期医療療養型病院・介護療養型病院 真愛病院様のホームページをリニューアル制作致しました。
-トップページ以下のWEBデザイン とコーディング、コピーライティング
-レスポンシブデザイン
-SEO(検索エンジン) 対策全般
-Wordpressにて構築
▼イメージ: 自社で作られたサイトをリニューアル。淡いピンク色をベースに介護型病院の雰囲気を出しました。更新しやすいようにとの依頼があり、Wordpresswo導入しました。
▼業務用食品卸 業務用食材販売の日本アイボリーのサイトを新規制作致しました。
-トップページ以下のWEBデザイン とコーディング、コピーライティング
-PHP&MySQLによる通販カートプログラムの制作
-業者さん向け業務用食品卸の外に一般顧客向けのショッピングサイトを別途制作
-お問い合わせフォーム、お見積りフォームCGI
▼イメージ: 食品のサイトなので「美味しそうな」イメージを出すように赤色をベースにデザインを工夫しました。
▼恋活・婚活イベント開催の社会人サークルのサイトの制作・運営を担当しました。
-トップページ以下のWEBデザイン とコーディング、コピーライティング
-会員登録プログラム、イベント登録・表示プログラムをPHP&MySQLにて制作。
-別途管理画面も制作しました。
-SEO(検索エンジン) 対策全般
▼異業種交流会のイベントサイト・クロスレジェンドの制作・運営を担当しました。
-トップページ以下のWEBデザイン とコーディング、コピーライティング
-会員登録プログラム、イベント登録・表示プログラムをPHP&MySQLにて制作
-レスポンシブデザイン
-別途管理画面も制作しました。
-SEO(検索エンジン) 対策全般
▼街コンイベントの紹介サイト・街コンアレックスの制作・運営を担当しました。
-トップページ以下のWEBデザイン とコーディング、コピーライティング
-会員登録プログラム、イベント登録・表示プログラムをPHP&MySQLにて制作
-レスポンシブデザイン
-別途管理画面も制作しました。
-SEO(検索エンジン) 対策全般
▼婚活パーティ開催のロイヤルパーティーのサイトの制作・運営を担当しました。
-トップページ以下のWEBデザイン とコーディング、コピーライティング
-会員登録プログラム、イベント登録・表示プログラムをPHP&MySQLにて制作
-レスポンシブデザイン
-別途管理画面も制作しました。
-SEO(検索エンジン) 対策全般
▼姫路の住宅リフォーム・新築施工会社様のサイトをリニューアル致しました。
-トップページ以下のWEBデザイン とコーディング、コピーライティング
-レスポンシブデザイン ページ数 230ページを移植
-SEO(検索エンジン) 対策全般
-お問い合わせフォームCGI
▼広島県の特別支援教育士スーパーバイザー 竹内吉和様のサイトを新規制作致しました。
-トップページ以下のWEBデザイン とコーディング
-レスポンシブデザイン
-講演スケジュールなどをカレンダーにて表示できるプログラムを導入
▼イメージ: 「発達障害」のお子さんを持つお母さんや子供達、学校関係者の方がターゲットですので、「発達障害とは何か」をわかりやすく説明するような雰囲気のデザインにしました。コピーライティング全般も担当しました。
▼広島の教育ICT化支援 株式会社アシストワン様のホームページを新規制作致しました。
-トップページ以下のWEBデザイン とコーディング、コピーライティング
-レスポンシブウェブデザイン
-Wordpressにて構築
▼2013年9月オープンのペットショップ・ブリーダー紹介所のどうぶつひろば大阪様のサイトを新規制作致しました。
-トップページ以下のWEBデザイン とフルCSS・XHTMLコーディング
(PC・タブレット・スマホ・携帯で表示可能なレスポンシブウェブデザイン)
-SEO(検索エンジン) 対策全般
-PHP+MySQL (新着情報入力プログラム制作・新着情報表示・販売ページのDBからのデータ表示)-プログラムお問い合わせフォームCGI
-Jqueryベース(ボタンのマウスオーバー、カレンダー、ブログ記事の表示)
-AMEBAブログの開設とデザイン・カスタマイズ
▼コーディング: 当初6ページ制作の依頼でしたが、1ページの分量が多いものはページを分割し、結局25ページの制作となりました。全てのページをPHPで作って、媒体によって表示させるソースを替えたり、ヘッダーやナビなどの共通部分をパーツ化したりという色々工夫をし、ソースの軽減と表示スピードアップを狙いました。
別業者さんが作られたサイトのプログラムとの連動が必要だったので、全てのページをPHPで作ってシステム化しました。
また、パソコンだけでなく、タブレット・スマホ・携帯での表示も意識したレスポンシブウェブデザインを採用。AMEBAブログを開設してPCサイトとの連動を図り、SEO対策を図りました。
▼2006年に弊社にて新規制作した株式会社シンエー様のサイトをリニューアル致しました。
-トップページ以下のWEBデザイン とフルCSS・XHTMLコーディング、コピーライティング
-SEO(検索エンジン) 対策全般
-お問い合わせフォームCGI × 4件
-Jqueryベース(画像のスライドショー、ドロップダウンメニューなど)
▼コーディング: オフィスクリーニング施工実績の追加、新規遮熱施工への参入などにより、ページ数がそれまでの30ページから約90ページに増加したため、今後の更新が便利なようにヘッダー・サイド・メインなどをパート分けし、PHPで読み込むようにしました。
また、パソコンだけでなく、タブレット・スマホ・携帯での表示も意識したレスポンシブ・ウェブデザインを採用。これによりスマホからのアクセスアップと更新の簡素化を狙いました。
▼検索エンジン結果:
「大阪 オフィスクリーニング」 Google/Yahoo 1位 (約1,560,000件)
「関西 オフィスクリーニング」 Google/Yahoo 1~5位を独占 (約1,610,000件)
「近畿 オフィスクリーニング」 Google/Yahoo 1~15位を独占 (約239,000件)
▼広島の住宅リフォーム・新築施工、N建築株式会社様のサイトをリニューアル致しました。
-トップページ以下のWEBデザイン とフルCSS・XHTMLコーディング、コピーライティング
-SEO(検索エンジン) 対策全般
-お問い合わせフォームCGI
-Jqueryベース(メニューボタンのマウスオーバー、スライドショーなど)
▼イメージ: 5年前に作られたサイトをリニューアル。アースカラーでナチュラルな感じにとのご希望でしたので、グリーンとベージュをベースに手書き風文字も多用しました。ページ数も9ページから23ページに増加。増加した分のコピーライティング全般も担当しました。
▼総合情報サイトミセラを新規制作・管理・運営しています。(現在休止中)
-サイト企画・システム設計・ディレクション全般
-トップページ以下のWEBデザイン とフルCSS・XHTMLコーディング、コピーライティング全般
-MySQL&PHPによるデータベース設計・サイト全般のプログラミング
-閲覧者・加盟店・運営管理者のための管理画面の制作
-サイトの運営・管理
▼制作: ぐるなびのようなサイトを作りたいということで開発が始まりました。サイトの企画からシステム設計、プログラミング、ホームページ制作、SEO、管理画面制作、サイトの運営・管理と何もかもを一人で開発制作しました。
★ミセラの開発に時間がかかり、現在も運営に時間を取られているため、オフィスローズとしての仕事が中々受けられなくなっています。★
▼ドクターズコスメの化粧品通販サイト MDスキンケアー様のサイトを新規制作しました。
-EC-CUBEのインストール・デザインカスタマイズ・システムカスタマイズ
-トップページ以下のWEBデザイン とフルCSS・XHTMLコーディング
-SEO(検索エンジン) 対策全般
▼イメージ: 形成外科医が運営するドクターズコスメのサイトということで、シックで落ち着いた女性向けのデザインにしました。EC-CUBEについてはデザインカスタマイズだけでなく、かなりのシステムカスタマイズも行っています。
▼検索エンジン結果:
ドクターズコスメの通販会社ですが、商品名を入れると大体のものがGoogle/Yahooのトップページに出てきます。
▼東広島市の物流倉庫のアウトソーシング業務委託サービスの紹介する東広島物流様のサイトを新規制作致しました。
-トップページ以下のWEBデザイン とフルCSS・XHTMLコーディング、コピーライト全般
-業務のポイント、流れ、アクセスマップなどをイラスト・チャート図を使って説明
-SEO(検索エンジン) 対策全般
-お問い合わせフォームCGI
▼イメージ:サイト設計においては、社長様・事務の方のお話を聞き、いかにわかりやすく言いたいことを伝えるかというのをポイントに、コピーライト全般も含めて作りました。イラストや図解チャートをふんだんに使っています。
▼東京行政書士事務所様のご紹介で、東京コーポレートサービス様の現物出資会社設立代行に特化したサイトのリニューアルを致しました。
-トップページ以下のWEBデザイン とフルCSS・XHTMLコーディング
-業務の流れなどのチャート図の作成
-SEO(検索エンジン) 対策全般
-お見積もりフォームとお問い合わせフォームCGI
▼イメージ: 既に稼動しているサイトをもっとわかりやすくビジュアルにして集客率をアップしたいというのがリニューアルの目的でしたので、サイト設計においていかにわかりやすく伝えるかをポイントに、現行の説明文の図解化やバナー化をコピーライトも含めて図りました。
▼検索エンジン結果:
「現物出資 会社設立代行」 Google/Yahoo 1位
▼東京の行政書士事務所様の会社設立代行に特化したサイトのリニューアルを致しました。
-トップページ以下のWEBデザイン とフルCSS・XHTMLコーディング
-業務の流れなどのチャート図の作成
-SEO(検索エンジン) 対策全般
-お見積もりフォームとお問い合わせフォームCGI
▼イメージ: 既に稼動しているサイトをもっとわかりやすくビジュアルにして集客率をアップしたいというのがリニューアルの目的でしたので、サイト設計においていかにわかりやすく伝えるかをポイントに、現行の説明文の図解化やバナー化をコピーライトも含めて図り、検索エンジンの順位も上がりました。
▼大阪大学 理学部 数学教室「全国紙上数学談話会」のサイトをリニューアル制作しました。
-トップページ以下のWEBデザインとフルCSS・XHTMLコーディング
-手書きのPDF原稿の目次から手打ちでHTML化
-PDF原稿の成形
▼イメージ: いかに見やすく、アクセスしやすいかということを一番に作りました。PDF文献は1500近くあり、そのHTML化、成形に1ヶ月近くかかったお仕事でした。
▼パイン無垢材製のカントリー家具を販売している楽天ショッピングサイト【カントリー家具 PAS-A-PAS パサパ】様のサイトを新規制作しました。
-トップページと商品ページテンプレートのWEBデザイン
-フルCSS・XHTMLコーディング
-楽天RMSでのアップロード
-SEO(検索エンジン) 対策全般
▼イメージ: 下記おっぽろっぽ様よりの紹介で上記サイトを作りました。パイン無垢材製のカントリー家具販売サイトとしてナチュラルでセンス良く仕上げました。
▼ニキティキ、ブリオなどの木のおもちゃを販売している楽天ショッピングサイト【おっぽろっぽ】様のサイトを既存サイトのデザインを全面リニューアルしました。
-トップページ、商品ページテンプレート、概要ページなどのWEBデザイン
-フルCSS・XHTMLコーディング
-楽天RMSでのアップロード
-SEO(検索エンジン) 対策全般
▼イメージ: 既存サイトをカラフルに一新したいというご意向でしたので、ヘッダー、ナビゲーション、バナーなどに色んな色を使ってデザインし、気に入って頂けました。
▼【広島大学】様からのご依頼で、広島大学男女共同参画推進室 女子中高生の理系進路選択支援プロジェクトのサイトを新規製作しました。
-HP企画、WEBデザイン
-フルCSS・XHTMLコーディング
-CGIフォームメール設置
▼イメージ: 理系を目指す女子中高生がターゲットですので、イラストなどをふんだんに使った可愛いデザインを抑えた色調で作りました。
▼カジノゲームを無料ダウンロードしてプレイできるオンラインカジノゲーム【JBETカジノ】様の既存サイトを全面リニューアルしました。
-WEBデザイン
-フルCSS・XHTMLコーディング
-PHPプログラム組み込み
-SEO(検索エンジン) 対策全般
▼イメージ: 南米のベリーズからインターネットで依頼を受けて、メールのやり取りだけで制作したサイトです。白人男性デザイナーが作った既存サイトを日本人好みのデザインにしてほしいというのがご希望でした。
▼FF11(ファイナルファンタジーXI)のアイテム・アカウントの買取・販売サイト【RMTフォース】様のサイトを新規制作しました。
-HP企画・WEBデザイン
-フルCSS・XHTMLコーディング
-CGIフォームメール4ケ設置
-SEO(検索エンジン) 対策全般
▼イメージ: 個人事業主様よりのご依頼で上記サイトを作りました。ゲーム関係のサイトながら派手ではなく落ち着いた感じに…とのご希望で、ブルーとグリーンを基調に作りました。
▼布張り椅子クリーニング・イス張替え・いす補修サービスの専門サイト【オフィスクリーニング シンエー】様のサイトを新規制作しました。
-HP企画・WEBデザイン
-フルCSS・XHTMLコーディング
-CGIフォームメール4ケ設置
-SEO(検索エンジン) 対策全般
▼イメージ: オフィスクリーニングの総合サイトを以前お作りし、今回はリピートのご依頼でした。クリーニングという業種がら、優しく落ち着いた色合いを大切に作りました。
▼大阪の不同沈下修正工事専門業者【平成テクノス】様のサイトをリニューアルしました。
-WEBデザイン
-フルCSS・XHTMLコーディング
-CGIお問い合わせフォーム2点設置
-SEO(検索エンジン) 対策全般
-毎月の管理更新作業
▼イメージ: 業種柄、紺色やブルーを基調にビジネスっぽく…というご依頼通り、落ち着いた雰囲気に仕上がりました。 ナビゲーションをわかりやすくということもポイントにしています。
▼酒造業種に特化したシステムを開発・販売している【コンパッソ】様のホームページをリニューアルしました。
-HP企画・WEBデザイン
-フルCSS・XHTMLコーディング
-SEO(検索エンジン) 対策全般
-CGIフォームメール等設置
▼イメージ: ブルーを基調にし、システム開発会社らしい信頼されるイメージと解りやすいナビゲーションを目指しました。
▼防犯機器や建築金物建材を開発・製造・販売している【家研販売】様のホームページをリニューアルしました。
-HP企画・WEBデザイン
-フルCSS・XHTMLコーディング
-SEO(検索エンジン) 対策全般
-CGIフォームメール等設置
-毎月の管理・更新作業
▼イメージ: 幅広い購買層から信頼されるイメージと解りやすいナビゲーション、検索エンジン上位表示を目指しました。リニューアルに当たってファイル構成を整理して、サイトマップも新たに編成。
▼大阪の自転車販売チェーン店【サイクルコンビニてるてる】様の通販サイトを新規制作しました。
-HP企画・WEBデザイン
-フルCSS・XHTMLコーディング
-PHP&MySQLプログラミング(顧客登録プログラム、検索プログラム、買い物カゴ) ※初期商品数約550点
-SEO(検索エンジン) 対策全般
▼イメージ: お店のイメージカラーである赤と黄色を基本カラーにして明るいデザインにしました。プログラムは、PHPのフレームワークのSmartyを採用、検索スピードが格段に速いサイトになりました。
▼グループで出会いを提供する会員制のコミュニティサイト【e-合コン】様のホームページを新規制作しました。
-HP企画・WEBデザイン
-フルCSS・XHTMLコーディング
-PHP&MySQLプログラミング(会員登録プログラム、検索プログラム、会員専用ページ、SNS型掲示板などをほぼ一人で制作)
-SEO(検索エンジン) 対策全般
▼イメージ: 20-40代の男女をターゲットにした上品で落ち着いた女性好みのデザインを心がけました。デザインからコーディング、DB設計、プログラミング、携帯サイトの作成まで全て一人でやりました。
▼中古自転車買取サイト「テルテルSPORTS」様のホームページを新規制作しました。
-HP企画・WEBデザイン
-XHTMLコーディング
-フォームメール2件設置
-SEO(検索エンジン) 対策全般
▼イメージ: 高級自転車の購買層をターゲットに置き、赤をベースに図解を多用して、ビジュアルでわかり易いHPに仕上げました。 コーディングをXHTML+CSSベースにして、検索エンジン上位を目指しました。いい結果が出ています。
▼大阪でご活躍の「奥典久税理士事務所」様のホームページをリニューアルしました。
-HP企画・WEBデザイン
-XHTMLコーディング
-フォームメール設置
-SEO(検索エンジン) 対策全般
▼イメージ: 青色をベースに、堅実で有能なの雰囲気を心がけました。
コーディングをXHTML+CSSベースにして、検索エンジン上位を目指しています。
▼出会い・恋愛・結婚応援サイト【Marriage for you】のホームページを新規制作しました。
-HP企画・WEBデザイン・コピーライト
-XHTML+CSSコーディング
-フォームメール設置
-SEO(検索エンジン) 対策全般
▼イメージ: オフィスローズ運営のアフェリエイトサイトです。テーマを「出会い意・結婚・恋愛」に絞って、女性好み(私好み)のサイトに仕上げました。
【お受けできるお仕事内容】
ホームページの企画 | WEBサイトのコンサルティング|コンテンツライター | ホームページ作成代行 | WEBデザイン ウェブデザイン | WEBシステム開発|ホームページの新規制作|ウェブ制作|WEBサイトのリニューアル|サイトのレスポンシブ化(スマホ対応コーディング)|ホームページ更新|ホームページ運営|ホームぺージ管理|SEO対策 | WEBシステム開発 | Accessデータベース開発 | CGI設置|パソコン訪問講習 | Flash作成 | ロゴ作成 | バナー作成|イラスト作成 | チラシ作成 | マニュアル作成 | SOHO外注 | フリーランスWEBデザイナー | フリーランスPHPプログラマー|携帯対応(CSS/HTMLデザイン)ホームページ作成 | WEBデザイン オフィスローズ 田辺英子 大阪・京都・関西(日本)在住 Hideko Tanabe WEB designer, Kyoto, Japan