制作実績一覧
これまでに制作したものの一部をご紹介させていただきます。
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
映画「名前」公式サイト(ディザーサイト)
直木賞作家・道尾秀介さん原案の映画「名前」のディザーサイトです。デザイナー様からいただいたラフデザインをもとにコーディングを担当させていただきました。
2016年7月末頃に告知サイトを公開、8月にクランクイン、11月には茨城県取手市で完成披露試写会が予定されています。俳優の津田寛治さんと駒井蓮さんがダブル主演で、2017年には全国公開予定。
新規制作HTML5CSS3WordPress
ダイビングラボ
スクーバダイビングの総合情報サイト。見た目のデザイン性よりもユーザビリティを優先して設計しました。その一方で、ダイビング特有のダイナミックさを表現するため、PC表示のトップページのみ動画の全画面背景を取り入れています。
その他こだわった点は、常時SSL化(HTTPS)によるセキュリティ向上、WordPressのカスタム投稿タイプとPHPプログラミングにより実装した写真投稿システムです。
新規制作Webデザインレスポンシブ対応HTML5CSS3JavaScriptPHPWordPress動画YoutubeHTTPSFacebookページ
マルチメディアエージェント
フリーランスの制作プロダクションとして活動する、マルチメディアエージェント様のWebサイトです。イラストレーターで作ったラフデザインを納品いただき、それを元に制作させていただきました。
そのため、Webデザインや各種素材のご用意はマルチメディアエージェント様が行い、私はコーディングのみ担当しております。更新性向上のためWordPressを導入。
新規制作HTML5CSS3JavaScriptWordPress
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 Creators Marketで販売中のLINEスタンプです。新人デザイナーの藤原が企画~イラスト制作まで一貫して担当しました。
「太りすぎたもやしで、ゆるくて可愛いところがチャームポイント。表向きは強がりですが、本当はとっても寂しがり屋な一面もある愛くるしいもやしです。」
https://newstella.co.jp/wp-content/themes/nst/demo/adnetenterprise2016/linestamp