CARATの特徴

CARATの利用者の声/デザイン参考例

CARATのリリースしてからというもの、本当に多くの方からTwitterやメール等で好評の声をいただいております。

CARATのターゲットとして「女性向け」というのを謳っていたのですが、思いの外男性の方にもそのデザインやアニメーションを気に入っていただき多くの方からの声をここにまとめていこうかと思います。

本当にそれぞれのサイトに個性が出ており、サイトデザインの参考にも絶対なると思うのでもし配色やフォント、記事の構成など困っていることがあれば参考にしてみると解決するかもしれません！

りょうた
りょうた
丸パクリはダメだからあくまでも参考にね！
Contents

大人可愛いを凝縮したデザイン

今回のCARATのテーマでもある「大人可愛い」を体現したサイトをご紹介します。配色や雰囲気がまさに「大人可愛い」のサイトを是非参考にしてみてください。

ゆる妻ライフ（りあさん）

ブログ名ゆる妻ライフ
ブログURLhttps://yurutsuma.com/
配色カラーメイン : ピンク  サブカラー : 橙 ホワイト
ブログテーマ節約・貯金

本当に可愛い。

女性なら誰しも目指したくなるようなブログデザインです。

しかも落ち着きがないかと言われればそうでもなく、しっかり地に足がついたまさに「大人可愛い」を体現したブログデザインだと言えます。

随所にCARATのデザインも見受けられ全体的にかなり完成度の高い（デザイン的に）サイトです。

りょうた
りょうた
これは…見習わなきゃいけないなぁ。。

chagoto（おちゃこさん）

ブログ名chagoto
ブログURLhttps://ochakolife-tea.net/
ブログカラーメイン : 緑 サブカラー : 黄土色 紫
ブログテーマお茶

お茶が飲みたくなる落ち着きにあるサイトデザインです。

アクセントのカラーに「黄土色」「紫」とセンスあるカラーを取り入れ全体的に「和風」なテイストを醸し出しているデザインです。

りょうた
りょうた
センスが光るデザインだね！

個人的にはこういった和風デザインはかなり好きで、落ち着きの中にもアイキャッチやアイコンに可愛らしさをちらつかせて全体的な雰囲気にまとまりが出ています。

「大人可愛い」にはこういったデザインもあるのか

そう思わざるを得ないセンスあるデザインです。

ゆこめも（ゆうこさん）

ブログ名ゆこめも
ブログURLhttps://ykmemo.com/
ブログカラーメイン : オレンジ サブカラー : ピンク
ブログテーマ節約・貯金（モットー : 贅沢な節約生活）

ブログデザインの王道！！

と言いたくなるくらい安定感のあるデザインでブログを運営されているゆうこさんのブログです。

CARATを利用している部分はかなり多く、

  • 記事エリアデザイン
  • サイドバーデザイン
  • フッターデザイン
  • お問い合わせデザイン
  • 関連記事デザイン
  • 動くマーカーアニメーション
  • ページ遷移アニメーション
  • スマホ時のメニュー（右上のハンバーガーメニュー）

とほぼ全てのデザインをCARATのデザインに変更して利用されています。

開発時に僕はいろんなブログをみてきましたが、ブログを読むのに正直ここまで違和感を感じないのは初めてなくらい読みやすいですし、配色カラーも「記事内」と「ヘッダー・フッター」でうまく分けて使っていて、ユーザーに飽きさせない工夫も素晴らしいと思います。

りょうた
りょうた
スマホから見たときが一番実感したよね・・・。。

JINとCARATを使って王道のブログデザインにしたいなら一度は覗いてみるべきブログです。

はるほーむ（はるさん）

ブログ名はるほーむ
ブログURLhttps://haru-home.com/
ブログカラーメイン : 水色 サブカラー : ピンク
ブログテーマ中古リノベーションの魅力（ライフスタイル）

CARATといえばこのデザイン！！！

とデモスタイルにしたいくらいCARATのデザインや雰囲気をそのまま使っていただいているはるさんのはるほーむというブログです。

CARATのデザインを考えていた時に考えていたコンセプトとしてあったものの１つに

「シンプルでフェミニン」

というものがありました。今回のCARATはそんなコンセプトの中作成したのですが、はるさんのブログはまさにそれでほぼ全てのデザインをCARAT仕様に変更しブログテーマでもあるライフスタイルと本当にマッチしたデザインになっていると思います。

りょうた
りょうた
CARATのデザインって感じがすごくいいよね・・・。

シンプルなデザインでブログを運営していくならこのブログデザインは一度は覗くべきブログだと思います。

営業ウーマンが結婚して家計をマネジメントするブログ（りりなさん）

ブログ名営業ウーマンが結婚して家計をマネジメントするブログ
ブログURLhttps://ririna1.com/
ブログカラーメイン : 濃いグレー サブカラー : ピンク
ブログテーマ家計・働き方

初めてブログを見たとき、素直に

「かっこいい・・・。。」

と男ながらに思ってしまう程キレのあるサイトデザインです。「オトナかっこいいデザイン」を目指すならりりなさんのブログを参考にしてみましょう！

CARATの機能もサイトの随所に現れており、

  • 見出しアニメーション
  • スマホ時のハンバーガーアニメーション
  • スマホスライドメニューデザイン
  • CARAT専用のボックスデザイン
  • CARAT専用のサイドバーデザイン
  • CARAT専用のフッターデザイン…etc

本当に多くのカスタマイズを導入しており女性らしい雰囲気をアニメーションやデザインで作りながらメインカラーのグレーでキュッと締まるサイトに仕上げています。

りょうた
りょうた
このデザインに憧れを持つ人は多そうだよね！

オトナカッコイイ

これを目指すならまずりりなさんのブログを読んでおいて損はないでしょう。

OLが投資で稼いじゃダメですか？（なつさん）

ブログ名OLが投資で稼いじゃだめですか？
ブログURLhttps://toushiol-life.com/
配色カラーメイン : 赤紫色  サブカラー : 水色 薄いむらさき
ブログテーマ投資・節約術・ライフスタイル

見やすい！！！

初めて見た時の感想がまさにこれでした！スマホから見た時の見やすさが神がかっているのでこれを見ている人はぜひ一度のぞいてみて欲しい。。

りょうた
りょうた
まさにJINとCARATの合わせ技だよね！

CARATの機能もサイトの随所に現れており、

  • ピックアップデザイン
  • スマホ時のハンバーガーアニメーション
  • マーカーアニメーション
  • CARAT専用のボックスデザイン
  • CARAT専用のサイドバーデザイン
  • CARAT専用のフッターデザイン…etc

かなりデザインを変更しているのにも関わらず、記事自体も全くみやすさは変わらない。というよりそれ以上に見やすくなってるんじゃないかなぁと個人的には思いました。

しかもこれはCARATの機能ではないのですが、着目すべき点はもう１つあります。

これはスマホで見た時のTOPページのデザインです。

りょうた
りょうた
え、普通にすごくない…？？

おそらく独自でカスタマイズされたものかと思いますが、非常に洗練され見やすいカテゴリ一覧になっています。

記事の中はもちろんのこと、TOPページのデザインも非常に独自性の高いものになっているのでぜひこちらも一度覗いて自分のサイトの参考にしてみてください！

ぷれいじゃんらいふ〜国際結婚成功のために〜（みささん）

ブログ名ぷれいじゃんらいふ〜国際結婚成功のために〜
ブログURLhttps://blasian-couple.com/
配色カラーメイン : 肌色（明るい橙色） サブカラー: 薄いむらさき
ブログテーマ恋愛・結婚

CARATを使って２つ目のブログを立ち上げたというだけあって、その見やすさとボックスデザイン、マーカーの使い方は非常にうまいサイトです。

配色にはおそらくCARATデモスタイルの「令和元年特別デモデザイン」の配色を元にアイキャッチやJINの元々のデザインと掛け合わせた独自性の高いブログに仕上がっています。

記事中を見ると、CARATの機能も見え隠れしています。

  • マーカーアニメーション
  • ページ遷移アニメーション
  • CARAT専用のフッターデザイン

小さな変化でも「おっ！」となることが多く、僕がCARATに込めた想いを体現してくれているようなサイトでした。

CARAT男性利用者のデザイン

男性だからとバカにすることなかれ。

と男性らしさを出しながらCARATを随所に利用しているブログをご紹介します。

正直、本当に「使い方うまいなぁ」と思う部分が多くありますので参考にしてみてください。

ワンダーランド by たぬぎり（たぬぎりさん）

ブログ名ワンダーランド by たぬぎり
ブログURLhttps://tanugiri-world.jp/
ブログカラーメイン : 青 サブカラー : オレンジ
ブログテーマ雑記

雑記ブログを書いているたぬぎりさんです。

メインのデザインでCARATを導入しているのは

  • サイドバーデザイン
  • スマホ時のメニュー（右上のハンバーガーメニュー）
  • マーカーアニメーション

と、見た目のデザインではそこまで使用していないものの随所にCARATのアニメーションやデザインを使い、今までのJINのデザインとうまくミックスさせたデザインに仕上がっています。

CARATの特徴でもある、「部分的に使える」という利点をうまく利用し独自のサイトへとうまく転換させています。

ちいさな幸せを日々感じるブログ（もくりんさん）

ブログ名小さな幸せを日々感じるブログ
ブログURLhttps://mokuring.com/
ブログカラーメイン : 青 サブカラー : 水色、群青色
ブログテーマ雑記

アイコンから、、

すでにかわいい！！！

と思わざるを得ないほどかわいいアイコンをお持ちのもくりんさんのブログです。

カラーの配色は同系色一種類なのですが、その明度や彩度をうまく変化させデザインの統一感に優れたデザインになっています。

CARATのデザインも見受けられており、

  • 記事エリアデザイン
  • スマホ時のメニュー（右上のハンバーガメニュー）デザイン
  • フォント（Open Sans）
  • ページ遷移のアニメーション
  • マーカーアニメーション

とふんだんに使用したデザインになっています。

もともとJINにあったサイドバーデザインとCARATの記事エリアデザイン、読みやすさを重視したフォント選択でスマホ時の見やすさに磨きがかかっているデザインです。

しかもページ遷移のアニメーションが何と心地よい。。

シンプルな中に可愛らしさが見え隠れするデザインになっています。

ヤミツキマツモト（ヤミツキマツモトさん）

ブログ名ヤミツキマツモト
ブログURLhttps://yami2ki.com/
ブログカラーメイン : 青 サブカラー : 黄色
ブログテーマ長野県、信州松本の食を中心としたエンターテイメントサイト

訪れるユーザーに平気で飯テロを仕掛けてくるユーモアに溢れたサイトです。

かなり個性的なメディアで正直どこにCARATの要素があるのか不安ではありましたが、その使い方が非常にうまいのでご紹介させていただきました。

このサイトの全体的なデザインはJINの標準のデザインで、とくに「CARATのデザイン的特徴」は見受けられませんでした。

りょうた
りょうた
正直、大人可愛いとはかけ離れているよね…。

ですが、記事を読んでみると

  • マーカーアニメーション
  • ページ遷移アニメーション
  • 外部リンクのデザイン
  • グローバルメニューデザイン
  • スマホ時のメニュー（右上のハンバーガーメニュー）デザイン

と、ユーザビリティーの向上を主に考え

「わかりやすく見やすい」

「ユーザーの期待感を煽る」

この2点においてCARATの使い方は非常に「うまい！」と個人的に感じました。

JINのデモスタイルのデザインで基本的なデザインを担保しつつ、CARATでよりユーザビリティーを向上させる。

デザイン的な「大人可愛い」とはかけ離れていますが、ダイナミックなページ遷移はユーモア溢れるサイトにぴったりですし、マーカーの色使いは非常にわかりやすいです。

りょうた
りょうた
こんな使い方ができるのか…。

と、正直驚きを隠せないサイトでした。

まとめ

利用者の声をちょこっと紹介

レビュー記事一覧

レビュー記事一覧

あなたのブログ紹介させてください

CARATでは今後もより使いやすくそれでいておしゃれなデザインを届けるために、アップデートや修正を行っていく予定です。

そんな中で、CARATのレビュー記事や使ってみた感想などございましたらCARATお問い合わせか僕のTwitterまでご連絡していただければCARATにて掲載させていただき、ブログをご紹介させていただきます！

もちろんCARATへの要望もお送りしていただければ全てとは言えませんが最大限考慮させていただきます。

また、レビュー記事に関しては公式の画像やアイコンなど自由に使っていただいて構いません！

りょうた
りょうた
みんなからの連絡待ってるね！

Twitterお問い合わせ

 

WordPressテーマ「JIN」専用デザインプラグイン『CARAT』

「CARAT」は大人可愛いを追求した女性向けデザインプラグインです。

WordPressテーマ「JIN」の機能性と「CARAT」のデザインでより読み手に感動を与えるプラグインを作りました。

「自分のブログが好き」

そんな人が1人でも増えてくれたらと心から願っています。

 

「CARAT」をダウンロード
RELATED POST