COMPANY'S WORKS

前会社や広告代理店などの著作権を含んでおりますので、これらの実績は一般公開しておりません。私を介さずに第三者に共有しないようにお願い致します。これらは実績の一部です。

フリーランスの実績はこちら »

Ninapharm Japon

ニナファームジャポン


https://www.ninapharm.co.jp/


Design / HTML / CSS


化粧品販売ホームページリニューアル。
リニューアル前はレスポンシブでもなく、スマートフォン対応もしていませんでした。ページ数が多かったため、デザイナー2人で作業しましたが、HTMLコーディングについてはほぼ私一人で行いました。
キャンペーンページやバナーも作成しています。

banners

Nakano Jyohokyoku

中野情報局


http://nakano.joho-guide.com/


Design / HTML / CSS


東京都中野区の地域情報ホームページ作成。
地域情報紹介を目的としているため、後々コンテンツが多くなることを予想し、2カラムレイアウトでデザインしました。Javascriptでカレンダーとエリアマップの機能を記述。スマートフォン用に最適化されています。

INN's

INN's


http://www.inns.jp/
http://www.inns.jp/sp/


Design / HTML / CSS


カーテン通販ウェブサイトのリニューアル。
コンテンツが大変多かったので、3カラムレイアウトのデザインを作成。
さらにPC用とスマートフォン用にデザインを分けて作成。以下は制作したバナーの一部です。

banners

NARADO ENTERTAINMENT

ナラド エンタテインメント


http://www.narado-ltd.com/


Design / HTML / CSS


芸能人事務所ホームページのデザインリニューアルとスマートフォン最適化。
スマートフォン最適化のことも考え、画像をなるべく使わず、できるだけCSSでレイアウトを組むように心がけました。

YAZAWA DESIGN

YAZAWA DESIGN


http://yazawadesign.net/top.html


Design / HTML / CSS


不動産ホームページのリニューアル。YAZAWA LUMBERグループのウェブサイトの一つで、このサイト以外にも他に3つあり、こちら (YAZAWA STYLE, YAZAWA ORDER, YAZAWA REFORM )からご覧いただけます。
画像のアニメーションにCSSのransformを使用。リニューアル前のウェブサイトはシックな印象でしたので、その雰囲気を活かし、黒ベースの高級感ある印象になるよう心だけました。

Anima Life

Anima Life


http://www.animalife.jp/


Design / HTML / CSS


ペットサービスランディングページ制作。このランディングページ制作の目的は求人募集だったため、新卒者も応募しやすいよう親しみを持つ明るめの青をベースにして新鮮かつ落ち着きあるサイトに仕上げました。応募するのボタンをクリックするとお問い合わせの部分に移動するようにして、ユーザーの使いやすさを優先しました。

English Partners

イングリッシュ・パートナー


http://english-p.jp/


Design / HTML / CSS


英語のレッスンホームページ作成。ナラド エンタテインメント株式会社がこちらのサービスを運営しています。
全てのスタッフは女性で構成されており、英語を学びたい若い女性にも親しみやすいよう可愛らしさを演出するためピンク色を積極的に使用しています。

Bunkyo Eizo

文京映像


http://dc-bunkyo.com/


Design / HTML / CSS


映像制作会社ホームページのリニューアル。
Javascriptを使って映像の音のオン・オフをコントロールできるようにしました。
トップページでは、HTML5タグを使った動的コンテンツを設置し、ダイナミックな印象を与えています。

MANCY'S TOKYO

MANCY'S TOKYO


http://www.trhd.jp/mancys/


HTML / CSS


レストランホームページのリニューアル。
CSSのtransitionを用いて画像に動きを加えました。
タイトルやメニューには画像の代わりにwebフォント (Google font)を使用しています。

MORIO

MORIO


http://www.morio-realestate.com/


HTML / CSS


不動産ホームページ制作。
基本的にシンプルなデザインをベースとしているので、装飾的な部分はなるべくCSSを使用しました。
2カラムレイアウトで左側にダイナミックなナビゲーションを設置し、レスポンシブにも対応させました。
(スマートフォン時はアコーディオン式)

LipDeco

LipDeco


http://www.isehan.co.jp/lipdeco/


HTML / CSS


化粧品ランディングページのHTMLコーディング。
クライアントの要望により、PC用のみのコーディングとなっています。
キャラクタープロフィールの部分Javascriptを使用しています。

SUSIE N.Y.

SUSIE N.Y.


https://www.susie-ny.com/eyebrowexsp/


HTML / CSS


化粧品ランディングページのHTMLコーディング。
こちらもPCのみのコーディングです。
成分表を表示する部分はLightbox系jQueryを使用しています。

pagetop

© 2017 s-nao.me