海岸製作所

Portfolio

Webサイト制作

非公開案件閲覧認証

一部の非公開案件閲覧の際には、認証キーが必要です。お問い合わせ下さい。
  • moritobasesp
    moritobase
    2023/3〜

    葉山森戸ベース

    https://hayama-moritobase.com
    ディレクション
    デザイン
    HTML5 / CSS3
    Scss
    CSS3 animate
    jQuery
    PHP
    Wordpress
    オリジナルテンプレートフルスクラッチ
    スマホ対応(レスポンシブ)
    ワンオペ

    SUP教室/レンタル、飲食店、民泊の3つを兼ね備える店舗のHPを受注しました。
    テーマファイルをフルスクラッチで開発を行い、短期納品のため機能面でフルスクラッチよりもプラグインのカスタマイズという選択をとっており、段階的リリースという手法を取りました。
    如何に知ってもらうかが重点となり、予約フォームのほか、投稿を活用したSEO対策などを盛り込みました。

  • スクリーンショット-2021-08-21-10.12.34
    スクリーンショット-2021-08-21-10.09.16
    2021/7〜

    丸幸工務店直し屋本舗

    https://naoshiya-zushi.com
    ディレクション
    デザイン
    HTML5 / CSS3
    Scss
    CSS3 animate
    jQuery
    PHP
    Wordpress
    オリジナルテンプレートフルスクラッチ
    スマホ対応(レスポンシブ)
    ワンオペ

    WordPress構築サイトの改修の相談を受け、オリジナルテンプレートの制作と、デザイン、ディレクションを担当。
    固定ページ専用テンプレートの用意とCSSアニメーションの導入を行いました。

  • kakeai_sp
    スクリーンショット 2021-02-15 10.11.55
    2021/2〜

    KAKEAI

    https://kakeai.co.jp/
    HTML5 / CSS3
    CSS3 animate
    jQuery
    PHP
    Wordpress
    オリジナルテンプレートフルスクラッチ
    スマホ対応(レスポンシブ)

    WordPress構築サイトの改修の相談を受け、オリジナルテンプレートの制作を担当。
    脱WPBakery Page Builderとインタラクションを盛り込みたいというクライアントの要望に応え、
    固定ページ専用テンプレートの用意とCSSアニメーションの導入を行いました。

  • sailing-sp
    matsuri-min
    2019/12〜

    Matsuri Sailingteam

    セーリングチーム公式サイト
    http://matsuri-sailingteam.com
    ディレクション
    デザイン
    HTML5 / CSS3
    jQuery
    CSS3 animate
    スマホ対応(レスポンシブ)
    動画埋め込み
    Facebook連動
    Instagram連動
    ワンオペ

    セーリング(ヨット)チームの公式サイトを製作しました。
    ロゴにSVGを用いた、ライディングアニメーションを導入。
    イメージ重視でセーリング競技迫力を伝えるためにメインビジュアル一杯に動画を配置。
    SNSとの連動機能を取り入れ、SNS側を更新してもらうことでHPの内容も更新されるよう配慮しました。

  • web_grace_pc
    2014〜2016/7

    Happy&Beautysalon Grace様

    エステサロン サービスサイト[横須賀市]
    http://www.grace-beautylife.com
    ディレクション
    デザイン
    コーディング
    jQuery
    PHPメールフォーム
    ワンオペ

    デザイン・コーディングまでワンストップで制作を行った。JQueryを積極的に取り入れ、トップページにてスライドやアニメーション効果で目を引くよう考慮した。
    また、問い合わせフォームでは入力窓の増減や、メニューページからの遷移で選択項目自動チェックなどユーザビリティー向上に努めた。

  • web_msg2_sp
    web_msg2_pc
    2016/01〜

    MSG東進衛星予備校「合格体験記」

    特設サイト
    http://www.t-msg.co.jp/experience/
    ディレクション
    HTML5 / CSS3
    jQuery
    スマホ対応(レスポンシブ)
    PHP CMS独自システム
    リーダー経験

    メディアライン社在籍時に担当。CMS独自システムを組み込み、CSVアップロードによる一括更新を実現。
    担当コーダーがレスポンシブ未経験だったため、記述供与などのフォローを行う。

  • web_centroyokohama_pc
    2015/04〜

    ケントロピーゲ様

    熱帯魚店通販サイト(閉店)
    ※本番公開時:http://centroyokohama.com
    アーカイブ:http://hiro-h.sakura.ne.jp/centroyokohama.com/
    ディレクション
    デザイン
    HTML5 / CSS3
    jQuery
    PHP
    Wordpress
    カートシステム
    WPプラグインカスタマイズ
    FB連動
    SQLDB改変
    ワンオペ

    知人から熱帯魚店サイトリニューアルを請負い、ディレクションからデザイン・コーディングまでを担当。
    Wordpressをベースにカートシステムのプラグイン導入し、不足している機能はPHPフルスクラッチ開発を行う。
    ブログ感覚でお客様自身がサイト更新が行えるようシステムの構築をすべてワンストップで行った。
    納期まで実作業1月半しか無かったためスマートフォン対応は無かったが、コンテンツの1ブロックまるごとボタンとしたり、最低限スマートフォンでの閲覧にも配慮した。

  • web_iyasumizu_pc
    2012〜2013

    癒し水様

    観賞魚用品販売 ECサイト[横浜市](閉店)
    http://aquawholesale.cart.fc2.com
    ディレクション
    デザイン
    コーディング
    FC2カートカスタマイズ

    当時、常連であった熱帯魚店のECサイトのデザインを担当。
    低予算のため、既存のカートシステムを用いて、テンプレートカスタマイズのみを行った事例。
    ※現在、閉店

  • web_bmyutaka_pc
    2012〜2013

    ビルメンゆたか様

    ビル管理会社 コーポレートサイト[千葉県](契約満了)
    http://www.bm-yutaka.com
    ディレクション
    デザイン
    コーディング

    デザイン・コーディングまでワンストップで制作を行った。
    提示された条件が、低予算・短納期であり、クライアント様がメールを使用しないため、プログラム関連の組み込みはなし。Hタグを用いてSEOに強いマークアップを試行。
    ※2014年現在、閲覧不可能。

  • web_hearts_pc
    2010

    ハーツカスタム様

    自動車整備工場 コーポレートサイト[横須賀市]
    http://www.heartscustom.com
    ディレクション
    デザイン
    コーディング
    初期Flash→jQueryで再構築
    PHPメールフォーム
    PHP更新情報
    ワンオペ

    デザイン・コーディングまでワンストップで制作を行った。
    整備されたばかりの車が動きだすイメージをFlashイントロで表現。
    同じくブログサマリーや中古車情報にお客様ご自身で更新していただけるようPHPを採用。

  • web_amazones_pc
    2010

    アマゾネス様

    日焼けサロン サービスサイト[横須賀市]
    http://www.amazoneskurihama.com/
    ディレクション
    デザイン
    コーディング
    jQuery
    ワンオペ

    デザイン・コーディングまでワンストップで制作を行った。
    低予算で短期での制作を実現するため、Glanz、ハーツカスタムと同様のレイアウトにて制作を行った。
    引き続き、ブログサマリーをPHPにて実装。
    以前は、同店舗オーナーの娘さんにブログの更新を担当して頂いていた。またアクセサリーショップと合同出店の形であったが、
    2011年、規模縮小のためブログの停止処置とコンテンツの縮小を行っている。

  • web_sysko_pc
    2010〜2011

    株式会社シスコ様

    工業機器メーカー コーポレートサイト[埼玉県](倒産)
    https://web.archive.org/web/20130708210243/http://www.sysko.co.jp/
    デザイン
    コーディング
    RSS feed
    Flash
    PHPメールフォーム
    ワンオペ

    業務委託としてデザイン・コーディングまでワンストップで制作を行った。
    RSSをPHPで取得し、新着情報表示に採用した他、
    Flashを用いて動画再生を取り入れた。
    ※2013年7月倒産のため閲覧不可能。
    webアーカイブにてご覧頂けます。

  • web_glanz_sp
    web_glanz_pc
    2009〜

    デザイナーズサロンGlanz様

    美容室 サービスサイト[横須賀市]
    http://www.glanzsalon.com
    ディレクション
    デザイン
    HTML5 / CSS3
    jQuery
    スマホ対応(URL転送/伸縮)
    RSS feed
    FB連動
    ワンオペ

    デザイン・コーディングまでワンストップで制作を行った。落ち着いた雰囲気と一目で美容室と分かるよう、デザイン面で配慮した。
    定休日カレンダーやブログサマリーを実装し、気軽に情報発信が可能な仕様とした。
    2013年にフルリニューアルし、スマホ対応およびFacebook連動とした。本サイトでの実績はスマートフォン対応などしっかりと本業へフィードバックされている。

印刷物、その他

  • 2014

    Happy&Beautysalon Grace

    エステサロン チラシ・メンバーズカード

    dtp_grace

    Webサイト制作と同時受注。
    女性目線でデザインを行う必要が有ったため苦心した。
    イメージをwebサイトと統一し、色と写真でエステサロンと認識させるようにした。

  • 2011

    株式会社シスコ 癒しのホタル

    iPhone向けヒーリングアプリ

    app_horaru

    当時はクラゲを題材とした癒しのiPhoneアプリが話題であったため、
    シスコ社在籍中、ホタルを題材としたアプリケーションを制作した。
    デザイン及びobjective-Cコーディングを担当。
    単なる図鑑・解説・豆知識だけでなく、背景のせせらぎなどの音声や動画を取り入れ実際にホタルを観察しているかのような雰囲気を再現。
    ホタルだけではなく、カジカガエルや松虫の説明も取り入れた。
    http://www.appbank.net/2011/09/06/iphone-application/295517.php

  • 2011

    株式会社シスコ

    金型温度調節機操作盤[埼玉県]

    dtp_sysko2

    シスコ社の主力製品の金型温度調節機の操作盤のデザインを同社在籍中に担当。
    無骨な工業製品のイメージを少しでも変えて見たいという思いからパステル調のカラーでまとめる試みを行った。
    ピクトグラムなどを多用し、視覚的に理解しやすいデザインを心がけた。

  • 2010

    ケントロピーゲ

    観賞魚店 雑誌広告用写真加工[横浜市]

    dtp_centoro2

    販促フライヤー受注後、同製品が海水魚飼育専門誌「マリンアクアリスト」54号111ページに記事記載される事を受け、追加で写真加工の発注を頂き、同誌に掲載されました。

  • 2010

    ハーツカスタム

    自動車整備工場 作業メニュー表[横須賀市]

    dtp_hearts

    自動車車体コーティングメニュー表を制作。
    従来からワープロ打ち程度の料金表は存在したが、車種別料金であるので、車の写真を入れて、車に詳しくない人でもわかりやすく心がけた。
    ホームページと同時受注。

  • 2010〜2011

    株式会社シスコ

    工業機器メーカー カタログ[埼玉県]

    dtp_sysko1

    各種シスコ社製品カタログ・リーフレットのデザインを同社在籍中に担当。

    背景にCGテクスチャを用いて、製品を使用すると成形品につやと輝きが出るという事をイメージで伝えることとした。
    同社のカタログを全て同じテイストでまとめ、ホームページの製品紹介ページにも同様のCGテクスチャを用いてブランドイメージの統一も図った。

  • 2009,8

    観賞魚水槽用造波装置

    水中モーターを短くONOFFを繰り返し、水槽内に波を起こす装置です。
    アクリル板の裁断・接着からポンプ制御回路まで自作。

  • 2009

    ケントロピーゲ

    観賞魚店 販促フライヤー[横浜市]

    dtp_centoro1

    熱帯魚店オリジナル飼育器具カルシウム自動供給装置及び水槽用浄水器の販促フライヤーの受注を受けました。
    水槽用の機材と直ぐに認識出来るよう、サンゴ・海水魚のイラスト・写真を使用した。
    得意分野であり、後の仕事に繋がる記念すべき作品の一つ。

  • 2009

    光栄堂シール印刷

    釣宿向けシール イラスト制作[東京都]

    dtp_koedoseel

    カワハギ・アジなど釣り人におなじみの近海魚のイラストを、
    光英堂シール印刷様の製品である「船宿オリジナルメジャーステッカーシール 」用に書き下ろしました。
    図鑑など標本を参考にしたイラストが多い中で、活きている魚の色彩にこだわった。
    商品の詳細は光英堂シール印刷様のホームページをご覧下さい。
    http://www.koeido-sp.co.jp/measureseal.html

Contact

会社名・屋号
会社名・屋号 (フリガナ)
お名前(ご担当者名) 山田太郎
フリガナ ヤマダタロウ
E-mail mail@mail.com
ご連絡先電話番号 045-319-4112
制作物種類
想定ページ数 数字で入力ください
ご予算
公開希望日 2015-01-01
SEO対策
参考サイトURL
1
2
3
http://www.kaigan-factry.com/
ドメイン
レンタルサーバ
その他備考や
お問い合わせ内容など