S

ホームページ・Webサイトの制作実績

制作実績一覧

これまでに制作したものの一部をご紹介させていただきます。

アドネットエンタープライズWebサイト(2016)のキャプチャ画像

AD NET ENTERPRISE (2016)

2016年にリニューアルしたAD NET ENTERPRISEのWebサイトver.2です。jQueryプラグイン「pjax」とCSS3のアニメーションを組み合わせてシームレスかつ動きのあるページ遷移を表現しました。こだわった点はサイドメニューのロゴアニメーション。

またコンテンツ裏にある背景にはCanvas要素を用いた有機的な動きをつけており、ページ遷移の待ち時間も飽きさせない工夫を凝らしています。

https://newstella.co.jp/wp-content/themes/nst/demo/adnetenterprise2016/

リニューアルWebデザインレスポンシブ対応Retina対応HTML5CSS3JavaScriptCanvasPHPHTTPS

映画「名前」公式Webサイトのキャプチャ画像

映画「名前」公式サイト(ディザーサイト)

直木賞作家・道尾秀介さん原案の映画「名前」のディザーサイトです。デザイナー様からいただいたラフデザインをもとにコーディングを担当させていただきました。

2016年7月末頃に告知サイトを公開、8月にクランクイン、11月には茨城県取手市で完成披露試写会が予定されています。俳優の津田寛治さんと駒井蓮さんがダブル主演で、2017年には全国公開予定。

http://namae-movie.com

新規制作HTML5CSS3WordPress

ダイビングラボのキャプチャ画像

ダイビングラボ

スクーバダイビングの総合情報サイト。見た目のデザイン性よりもユーザビリティを優先して設計しました。その一方で、ダイビング特有のダイナミックさを表現するため、PC表示のトップページのみ動画の全画面背景を取り入れています。

その他こだわった点は、常時SSL化(HTTPS)によるセキュリティ向上、WordPressのカスタム投稿タイプとPHPプログラミングにより実装した写真投稿システムです。

https://divinglabo.com

新規制作Webデザインレスポンシブ対応HTML5CSS3JavaScriptPHPWordPress動画YoutubeHTTPSFacebookページ

マルチメディアエージェント様ホームページのキャプチャ画像

マルチメディアエージェント

フリーランスの制作プロダクションとして活動する、マルチメディアエージェント様のWebサイトです。イラストレーターで作ったラフデザインを納品いただき、それを元に制作させていただきました。

そのため、Webデザインや各種素材のご用意はマルチメディアエージェント様が行い、私はコーディングのみ担当しております。更新性向上のためWordPressを導入。

http://www.mma-studio.jp

新規制作HTML5CSS3JavaScriptWordPress

アドネットエンタープライズWebサイト(2015)のキャプチャ画像

AD NET ENTERPRISE (2015)

2016年1月のリニューアル以前まで公開していた、AD NET ENTERPRISEのWebサイトver.1です。1ページにほぼ全ての情報を掲載したシンプルなサイト。

サイドバーがないワンカラム仕様のため、レスポンシブ対応しなくてもスマートフォンで比較的快適に閲覧できます。

https://newstella.co.jp/wp-content/themes/nst/demo/adnetenterprise2015

新規制作WebデザインHTML5CSS3JavaScript

LINEスタンプ

LINEスタンプ「もやし大佐」

もやし大佐

LINE Creators Marketで販売中のLINEスタンプです。新人デザイナーの藤原が企画~イラスト制作まで一貫して担当しました。

「太りすぎたもやしで、ゆるくて可愛いところがチャームポイント。表向きは強がりですが、本当はとっても寂しがり屋な一面もある愛くるしいもやしです。」

https://newstella.co.jp/wp-content/themes/nst/demo/adnetenterprise2016/linestamp

ページトップへ戻る