スタジオとみっぺ


過去に制作したサイト

(スクリーンショット1) (スクリーンショット2)

シェ・アンジェロ http://angelot.jp/

サイト全体にWordPressを組み込み、オーナーによる新着情報、メニューの更新が可能な仕組みにしました。

クライアント : 有限会社アンジェロ 武田直人代表 (高松市牟礼町 / 洋菓子店)

技術 : HTML5 , CMS (WordPress) , 営業日カレンダー(PHP)

公開 : 2012年8月20日

(スクリーンショット1) (スクリーンショット2)

四国統合医療研究所 http://stmlabo.com/

現サイトのリニューアル。多岐にわたる事業分野を整理して表現することに最も注力しました。

クライアント : 四国統合医療研究所 藤田麻希子所長 (善通寺市上吉田町)

技術 : HTML5 , Jquery , メールフォーム

公開 : 2012年7月

(スクリーンショット1) (スクリーンショット2)

http://nogi-info.com/

新規制作。体にやさしい食べ物づくりのコンセプトを感じてもらえるよう、余計なものを一切廃したシンプルなデザインでお作りしました。

クライアント : 株式会社禾 中條淳子代表 (綾川町 / カフェ・食品通販)

技術 :

公開 : 2010年11月

(スクリーンショット1) (スクリーンショット2)

FTT株式会社 http://ftts.jp/

会社設立に伴う新規サイトのテンプレート制作。安定感とアグレッシブさを両立したデザインをということでお作りしました。

クライアント : エフ・ティ・ティ株式会社 髙橋翔太代表(横浜市鶴見区 / 投資助言・代理業)

技術 :

公開 : 2010年8月

(スクリーンショット1) (スクリーンショット2)

多田木材店・多田一級建築士事務所 (v2)

サイトオープンから3年、デザインリニューアルを行いました。

以前に比べてシックな感じのデザイン、施工事例等の写真を前面に見せることの出来るサイトをお作りしました。

クライアント : 多田木材店 多田雅昭社長 (高松市西宝町 / 木材店)

技術 : 多重ブログ連携 (Movable Type) ・ブログ簡単更新システム(Windows Live Writer)

公開 : 2010年4月

(スクリーンショット1) (スクリーンショット2)

よい! 税理士ドットコム

当初予定より大幅に規模を縮小し、トップページとメールフォームシステムのみの構成となりました。

クライアント : ニコニコ企画合同会社 三宅達治様 (高松市塩上町)

技術 : アルファチャンネルPNG (iepngfix) 、 メールフォーム (postmail)

公開 : 2009年12月

(スクリーンショット1) (スクリーンショット2)

杢創社(ver.2) http://mokusou.com/

見積依頼など、気軽にアクセスできる機能追加や雰囲気作りが今回のミッション。エンドユーザー向けに訴求力の強いサイトデザインをと言うことでお作りしました。

クライアント : 株式会社杢創社 淺田知範社長 (高松市鶴市町 / 木工業)

技術 : ブログCMS(MT4)

公開 : 2008年12月

(スクリーンショット1) (スクリーンショット2)

岡山大学 歯顎口腔機能再建外科学分野

岡山大学生協様のご依頼で、お作りしました。

旧サイトから大幅にリニューアルされたいというご要望にお答えして、見やすく、きちんとエッジのきいたページ作りを心がけました。

クライアント : 岡山大学生活協同組合様 (岡山市津島中)

技術 :

公開 : 2008年4月

(スクリーンショット1) (スクリーンショット2)

シネマ・シネマ

スタッフの実習作品です。

すっきりとした情報量に抑え、お店の雰囲気やサービス、店舗概要がいち早くつかめるよう製作しました。

クライアント : 株式会社カミングコーポレーション 橘田店長 (レンタルビデオ店 / 千葉県千葉市)

技術 :

公開 : 2008年3月

(スクリーンショット1) (スクリーンショット2)

マルトクショップ http://shop.woodworks-marutoku.com/

木材のカット販売をメインに行うショップサイトです。カット販売のため、寸法を入力すると価格を自動計算してカートに入れられるシステムをお作りしました。

クライアント : 株式会社マルトク 中島弘樹様 (高松市郷東町 / 木材店)

技術 : 木材価格自動計算(JS) ・ ブログ (Movable Type)

公開 : 2007年6月

(スクリーンショット1) (スクリーンショット2)

おごっつぉDININGこなから / はんなり茶房こなから

(株)ドコイコ様のご依頼で、お作りしています。こなからの落ち着いた雰囲気を色彩面等で表現しています。

クライアント : 株式会社ドコイコ 鳩谷泰啓常務 (高松市朝日町/地域コミュニティサイト運営)

技術 :

公開 : 2007年7月

(スクリーンショット1) (スクリーンショット2)

エトス・アカデミア

香川から新しい芸術の波をというコンセプトのもと発足しました。トップページには、初回公演のために若林一色"教頭"が書き下ろしたすばらしい画をメインに据え、リンクボタンなどのWebナビゲーションパーツがせっかくの表現を妨げることの無いように心がけました。

クライアント : エトス・アカデミア (:劇団 / 高松市牟礼町)

技術 : ブログCMS(MT4) (公演情報) ・ アルファチャンネルPNG(クロスブラウザ疑似対応) ・ FIXED配置

公開 : 2007年7月

(スクリーンショット1) (スクリーンショット2)

MBM

現サイトからのリニューアル。毎週事務所に伺い、スタッフへのアドバイスを行いながら、スタッフご自身の制作作業を支援するスタイルでお作りしました。デザイン面は、共同制作というのもあり、オーソドックスで造りやすいデザインを心がけました。

クライアント : 株式会社MBM 三木美國社長 (高松市高松町 / 建材卸業)

技術 : Flash

公開 : 2007年6月

(スクリーンショット1) (スクリーンショット2)

イレキシア

人間本来の歩き方を導く、「ウォーク・トレーニング・インソール」です。シンプルなページ構成と、Fixedデザインのメニュー等、使いやすさに配慮しました。

クライアント : 上野昭様 (高松市高松町)

技術 : ブログシステム(Movable Type)・ ショッピングカート(Kent-web) ・ Flash(『イレキシアのリクツ』メニュー・正しい歩き方の解説)

公開 : 2007年6月

(スクリーンショット1) (スクリーンショット2)

rere-musique.info ~ジャズピアニスト 梅田玲奈 公式ウェブサイト~ http://rere-musique.info/

僕の従兄弟、梅田玲奈の活動日程などをご案内するサイトです。これから公開するブログには、ジャンルを問わず様々なことを書いてくれればと思います。

クライアント : 梅田玲奈様 (高松市/ ジャズピアニスト)

技術 : :Googleカレンダー埋め込み、ブログ (Movable Type)、ブログ簡単更新システム(Ubicast Blogger)、迷惑コメント防止

公開 : 2006年10月

(スクリーンショット1) (スクリーンショット2)

根東歯科医院

あらかじめクライアント様より提示いただいたデザインに基づいて制作しました。ブラウザ表示領域のサイズによって相対的にサイズが変化する設計です。

クライアント : 根東歯科医院 根東正樹院長 (徳島県阿波市 / 歯科医院)

技術 : 絶対配置、予約フォーム

公開 : 2006年9月

(スクリーンショット1) (スクリーンショット2)

高田歯科クリニック

予防歯科に積極的に取り組んでいらっしゃいます。

院長のご意向で、定期健診に来られているお子様の写真を院長ご自身の手で更新し、展示するシステムをお作りいたしました。

クライアント : 高田歯科クリニック 高田委利院長 (徳島県北島町 / 歯科医院)

技術 : トップページの写真と会員様ご紹介ページの簡易更新システム(PHP)

公開 : 2006年8月

(スクリーンショット1) (スクリーンショット2)

SHP (スタンダード・ヘルス・プロモーション) http://shp.bz/

「デンタル・フィットネス」宣言を通じ、歯科診療のこれからを考えるセミナーです。

クライアント : 有限会社SHP 井上香澄社長 (徳島市南島田町 / 歯科セミナー)

技術 : 絶対配置、予約フォーム

公開 : 2006年3月

(スクリーンショット1) (スクリーンショット2)

フロンティア・デンタル・クリニック

上海に住む日本人のための歯科医院。香川発の画期的な取り組みです。

主に海外に出向しているビジネスマンの利用を想定し、「近所のかかりつけ歯医者さん」ではなく、割とクールで引き締まった雰囲気を演出いたしました。

クライアント : フロンティア歯科医院 (中国上海市淮海西路 / 歯科医院)

技術 : 予約・お問い合わせメールフォーム

公開 : 2006年1月

(スクリーンショット1) (スクリーンショット2)

OKADAI.COOP http://okadai.coop/

大学時代、岡山大学生協のアルバイト業務でお作りしたものです。デザインは、当時の先輩が制作したものをほとんど引き継いでいます。ブックストア・食堂と言った各セクションの新着情報を前面に打ち出す目的でのレイアウト改編作業に携わりました。

ここで一緒にお仕事をさせていただいた先輩によって、現在の主たるWeb制作スキルを教えていただきました。

クライアント : 岡山大学生活協同組合 上甲啓一専務 (岡山市津島中 / 大学生協) [アルバイト業務]

技術 : 絶対配置

公開 : 2004年12月

(スクリーンショット1) (スクリーンショット2)

パソサポネット http://okadai.coop/pcss/

岡山大学生協が主催している新入生向けPC総合講座のスタッフとして制作しました。

左が初年度、右が次年度以降のデザインです。

クライアント : 岡山大学生活協同組合 上甲啓一専務 (岡山市津島中 / 大学生協) [アルバイト業務]

技術 : イメージマップ

公開 : 2004年7月

(スクリーンショット1) (スクリーンショット2)

市民オペラ ちぇちぃりぁ (1st Edition)

高松を拠点に活動する劇団です。

クライアント : 市民オペラちぇちぃりぁ 蓮井廸子様 (高松市 / 劇団)

技術 :

公開 : 2003年

(スクリーンショット1) (スクリーンショット2)

スッチーのギャグ研

親友が気まぐれで大昔作ったギャグ発表サイトですが、約2ヶ月更新したあとはまったくの停止状態です。さて洲之内くん、お仕事も安定してきたところで、そろそろ再開しようか。

クライアント : 洲之内寿 (京都府舞鶴市 / 海上自衛官)

技術 :

公開 : 2002年

(スクリーンショット1) (スクリーンショット2)

FM香川 Be fine!! 786 http://www.fmkagawa.co.jp/

(株)メディアミックス研究所でのアルバイト業務にてデザインさせていただきました。香川・岡山で最大規模のFMラジオ局という立場を踏まえて、「無難で万人受けする」デザインということでお作りしました。

クライアント : 株式会社メディアミックス研究所 (高松市古新町 / Web制作会社) [アルバイト業務]

技術 :

公開 : 2004年

(スクリーンショット1) (スクリーンショット2)

美土理の里オンラインショップ

JR古高松駅から徒歩1分。EM関連商品を中心に、健康食品を販売されています。

クライアント : 株式会社美土理の里 中西知恵子社長 (牟礼町牟礼 / 健康食品販売業)

技術 :

公開 : 2003年

(スクリーンショット1) (スクリーンショット2)

ますだ歯科医院 http://masuda-dc.jp/

2006年8月の院内改装によって生まれ変わったますだ歯科医院の雰囲気が等身大に伝わるページをお作りしました。

クライアント : 増田歯科医院 増田修一院長 (丸亀市土器町 / 歯科医院)

技術 : 伸縮タブデザイン(JS)

公開 : 2007年1月

(スクリーンショット1) (スクリーンショット2)

前川材木店 (v1) http://www.kinoiedukuri.net/

現サイトからのリニューアル。社長自らブログ・ギャラリー等の更新ができるようにと制作いたしました。シンプルかつ適度な高級感が、デザインコンセプトです。

クライアント : 前川材木店 前川博樹代表 (三豊市三野町 / 材木店)

技術 : 多重ブログ連携 (Movable Type) ・ブログ簡単更新システム(Ubicast Blogger)

公開 : 2007年5月

(スクリーンショット1) (スクリーンショット2)

住空間プロデュース 光建 (ありがとうバージョン) http://kouken04.com/

コーポレートカラーの緑を前面に主張し、清潔感のある雰囲気を心がけました。

今回は堀川さん直筆の書が目の前で書かれていくアニメーションでトップページが飾られました。

クライアント : 光建 堀川晃史様 (高松市多肥上町 / 住宅リフォーム業)

技術 : メニューFlash・ブログCMS (Movable Type) ・ 筆記中アニメーション(Flash)

公開 : 2005年10月(2007年4月 トップページリニューアル)

(スクリーンショット1) (スクリーンショット2)

高松損保事務所

トップページのみの、いわゆる看板的サイトです。連絡先の確認、代理をしている保険会社への迅速なアクセスの2点が、このサイトの果たす役割です。

クライアント : 有限会社高松損保事務所 山口和雄社長 (高松市高松町 / 保険代理店)

技術 : イメージマップ

公開 : 2007年4月

(スクリーンショット1) (スクリーンショット2)

多田木材店・多田一級建築士事務所 http://tada-wood.com/

自力でやってみたものの、なかなか思い通りにならないという社長のご依頼で、デザインをさせていただくことになりました。いわゆる「ガワ」を作らせていただき、中身を編集可能なサイトにするいうのがコンセプトです。最近の時代の流れです。

クライアント : 多田木材店 多田雅昭社長 (高松市西宝町 / 木材店)

技術 : 疑似フレームデザイン (非Static配置) ・ 多重ブログ連携 (Movable Type) ・ブログ簡単更新システム(Ubicast Blogger)

公開 : 2007年2月

(スクリーンショット1) (スクリーンショット2)

杢創社

ごちゃごちゃしたものは要らない。ただ実績と概要を伝えたい。そんな社長のご要望をデザインに乗せてみました。建築系の方は大きめのモニタをお使いのことが多いので、想定解像度は高めです。個人差に対応できるよう、完全リキッドデザインと致しました。

クライアント : 株式会社杢創社 淺田知範社長 (高松市鶴市町 / 木工業)

技術 : リキッドデザイン ・ 多重ブログ連携 (Movable Type) ・ブログ簡単更新システム(Ubicast Blogger)

公開 : 2007年2月

(スクリーンショット1) (スクリーンショット2)

岡山スペース・ギャラリー http://www.space-g.co.jp/

リニューアル案件です。従来のページでは検索に全くヒットしないと悩まれていた若林社長のご意向を踏まえて、スタジオとみっぺが得意としているSEO対策を存分に施しました。

クライアント : 有限会社 岡山スペース・ギャラリー 若林文也社長 (岡山市京橋町 / 不動産業)

技術 : リキッドデザイン

公開 : 2007年1月

(スクリーンショット1) (スクリーンショット2)

チャカレネット

大学生と社会人の先輩たちの「気持ちや想い」をブログ形式で交流するサイトです。

クライアント : チャカレネット事務局 (岡山市)

技術 : 多重ブログ連携 (Movable Type)、ブログ簡単更新システム(Ubicast Blogger)、迷惑コメント防止

公開 : 2006年10月

(スクリーンショット1) (スクリーンショット2)

アルチザン.ワークス : 職人の家つくりネットワーク http://artisan-work.com/

至極真っ当な木の家づくりを目指す、4人の建築士が、香川の新しい家づくりを推進します。

クライアント : アルチザン.ワークス (高松市観光町/住宅建設関連)

技術 : アルファチャンネルPNG、JS、メールフォーム、オーバーフローBG

公開 : 2006年9月

(スクリーンショット1) (スクリーンショット2)

ウッドワークス マルトク http://woodworks-marutoku.com/

お作りした「木の仕事ブログ」で中島さんが書かれる内容は、本職に関することにかかわらず、日々の出来事をはじめ実に多岐にわたっています。そうすることで、単なる「商売」ではなく、キャラクターを読者が知り、より深い関係を構築することができるのではないでしょうか。

クライアント : 株式会社マルトク 中島弘樹様 (高松市郷東町 / 木材店)

技術 : スライドショーFlash・アルファチャンネルPNG全面採用・多重ブログ連携 (Movable Type) ・ブログ簡単更新システム(Ubicast Blogger)・写真の拡大表示(Lightbox)

公開 : 2006年8月

(スクリーンショット1) (スクリーンショット2)

株式会社 旭光 http://kyokuko.com/

業種柄、一般の方よりも、取引先企業の方の閲覧を主に想定し、さっくりと旭光の概要をつかめるサイトづくりを心がけました。

クライアント : 株式会社旭光 百々路正治郎社長 (高松市春日町 / 木工製作所)

技術 : 施工経歴絞り込み表示システム・写真の拡大表示(Lightbox)

公開 : 2006年7月