Column
Variable Grid Design

可変グリッドレイアウトで組まれたデザインはデバイスのモニターサイズに依存しない表示の柔軟さを持つ代わりにそれぞれが並列に組まれる特性を持つため、ストーリー構成やユーザーに見せたい手順があるウェブサイトには不向きとされています。

オウンドメディアサイトをつくるのにちょうどいいレイアウト構成ということですね。

[参考になるイケてる可変グリッドデザインのウェブサイト]

Name:京阪オーナーズクラブ「こころまち」
可変:masonry
URL:https://www.cocoromachi.jp/

Name:NERO HAIR SALON
可変:freetile
URL:http://nero-hair.jp/

Name:アミノバリュー公式サイト
可変:Isotope
URL:http://www.otsuka.co.jp/a-v/

Name:ADK
URL:https://www.adk.jp/

Name:T-SITE
可変:masonry
URL:http://tsite.jp/

Contents
About

NOONは大阪府堺市を拠点に、個人でウェブ制作をおこなっています。
制作会社様、広告代理店様の外部パートナーとして、また、直接ご依頼主様からコーポーレートサイトやネットショップの制作、運営更新の依頼を請...

Contents
Policy

楽しんでつくろう!
ウェブサイトも役割はあれど、基本は「なにかを伝えるため」にあるはずなので、伝えたなりに、ちゃんと反応のあるサイトにするためには見ている方(お客様)にきちんと伝わる言葉・写真...

Contents
Service

NOONは、ウェブ制作を中心とした制作案件についてオーダーを承っております。
制作料金については、案件毎にお見積もりをさせて頂きますので、お問い合わせください。...

Contents
Contact

このフォームか、もしくはお電話でお問い合わせいただけます。
なにぶんひとりでやっておりますので出れないタイミングもあるかと思いますので留守電にでも入れていただけると助かります。。。 ...

Column

ある広告の巨匠は言いました。平均してボディ・コピーを読む人の5倍の人がヘッドラインを読む。つまり、ヘッドラインである程度の売り込みをしなければ、クライアントの金の80%を無駄にしてしまうのだ

Column

Google Ad Grantsとは非営利活動をおこなう団体に対してGoogleの広告サービス「Adwords」を10,000ドル(USD)/月分、助成してもらえる非営利団体向けのサービスです。 ...

Column

ローカルSEOとは「業種+地名」または「地名+業種」で検索した時に表示されるGoogle Mapのエリアに表示されるように努力する施策です。飲食店や美容業、結婚式場などのローカル(地域)ビジネスに対するキーワードの ...

Column

可変グリッドレイアウトで組まれたデザインはデバイスのモニターサイズに依存しない表示の柔軟さを持つ代わりにそれぞれが並列に組まれる特性を持つため、ストーリー構成やユーザーに見せたい手順がある...

Column

ユーザのサイト閲覧状況(ブラウザなどの幅)によってレイアウトが変化するリキッドレイアウトをまとめています。一定のブラウザサイズを最小サイズとして、横幅の変化に合わせてレイアウトが変わる...

Column

レスポンシブデザインのサイトを作成する際、スマホレイアウト時のフォントサイズに悩むことがあります。特に中央寄せのレイアウト時に、フォントサイズによって極端に左右にマージンが出来たり、変な位置で改行が入ったり ...

Work

国際ワックスコンソーシアム様のウェブサイトをリニューアルいたしました。可能な限り、堅い印象にならないよう、また、美のイメージを持たせつつ、且つ情報追加が安易で長期的に更新しても見やすいデザインを意識して制作しました。

Work

株式会社SPACIA様のウェブサイトを制作いたしました。MAIN IMGにはbackstrech、Newsは、ワードプレスを使わずに更新いただけるスクリプトを使用して制作いたしました。

Work

株式会社まもる様のウェブサイトを制作いたしました。ワックス脱毛に関する商材(ワックス、ウォーマー、スパチュラ等)を全てカバーする企業で、カラーミーショップを使用して制作いたしました。

Work

堺 白鷺のヘアサロン [H&K HANDKINS]のウェブサイトを制作いたしました。オーガニック素材にこだわったトータルビューティサロンです。

Work

NPO法人日本もったいない食品センターのウェブサイトを新規作成。食品衛生上、問題の無い廃棄食品の再販売によって日本の食品ロスの低減を目指し、活動している特定非営利活動法人。

Work

株式会社ハッピーメーカーのウェブサイトをリニューアル制作。WORDPRESSはfacebookと連携しており、投稿時にOfficial facebook Pageも更新される仕組みになっています。

Work

大阪で8店舗ヘアサロンを運営する*Charm*/*March*のホームページをリニューアル。店舗詳細ページ、ヘアカタログやクーポン、ブログをコンテンツ管理可能な状態になっておりボリュームの大きなサイトとなっています。

Work

和泉市の𠮷川織物株式会社様のサイトをリニューアルいたしました。一日ロケで写真撮影から入らせていただき、デザインリニューアルからリキッドレイアウトを取り入れたレスポンシブサイトを構築いたしました。

Work

JR茨木市駅前に新規オープンしたar hair様のウェブサイトを新規作成いたしました。
気軽に寄れる場所と金額帯でホットペッパーでも人気を集めています。

Work

THISCOVER+尼崎さまのサイトをフルリニューアルいたしました。
ワードプレスを実装し、ほぼ全てのコンテンツを管理画面上から修正できるように組み込みいたしました。

Work

大阪市の住宅リフォーム、内装事業者の株式会社REGLANZ様のウェブサイトを新規制作いたしました。リキッド系のレイアウトでコーディングし、ワードプレスで施工事例を更新できるように組み込んでいます。

Work

マインドフルネススタジオ「こころ音」様のウェブサイトを新規制作させていただきました。 近年では大企業でも研修で取り入れられる瞑想を体系化したマインドフルネス。大阪では唯一のスタジオとなります。

Work

美容師訪問サービス「おうちカット」様のウェブサイトを新規制作。堺市・大阪狭山市・和泉市・松原市のエリアで「身体的・精神的・環境的な理由」で美容室に行けない方に訪問カットサービスを 提供しています。

Work

京都の出張買取専門店「京福リサイクル」様のウェブサイトをリニューアル制作。デザイン変更のリニューアルに留まらずシステム面での改修、集客面での改善を兼ねてリニューアルから忙しくなったとお声をいただいております

Work

堺市のメディカルトリミングサロン21様のウェブサイトを新規制作。トリミングサービスのみならず、健康チェックやストレス、その他ケアのことも含め、医療的な見地からも終生に渡って総合的なサポートを提供するトリミングサロン。

Work

堺市の21動物病院様のウェブサイトを新規制作。関西全域からわんちゃん、ねこちゃんの歯科診療に来院され、歯周病治療に高い知見と知識を持ち、一般診療においても高い水準の診察をおこなう動物病院。

Column
どうも、NOONの前田です。
Contact
お問い合わせはどんな手段でも構いません。