走れ!コブリーナ

デザイナーズブログ:コブリなデザイナーの奮闘録
  • Home
  • Instagram
  • About Coblin
  • Contact

カテゴリー別アーカイブ: スマホデザイン

2015 12/16

幸せの記憶を残す「額装」という世界。

久々に、Goope(グーペ)を使った制作事例のご紹介です!

このたび、「額縁と額装の鈴幸(すずこう)」さまのWebサイト立ち上げをお手伝いさせていただきました。

額縁と額装の鈴幸

→VIEW SITE !

1948年創業という、歴史のあるお店。ホームページを作るのは今回が初めてだったそうです。

たくさんの制作会社やサービスをご検討された上で、シシデザインに決めてくださったとのこと。とても光栄です!!

遠く静岡からのオファー。やりとりはすべてメールだけでしたが、いただいたお写真やメールの文章などから、事業への思い入れやお店の雰囲気、ご依頼主のお人柄を想像してお仕事を進めさせていただきました。

 

ところで、屋号の「鈴幸」の由来ですが、創業者のお名前(鈴木幸三さん)が元になっているんだとか。
「鈴なりの幸せ」というイメージで、素敵ですよね。

幸せの記憶を、形として残す「額装」。

jirei_suzuko04

そこでデザイン上でも、背景にあしらった額縁の中に、ご依頼主の大切なお写真を「額装」してみました!

「幸せ」がテーマだった今回のお仕事。わたくし自身もほっこり幸せな気持ちにさせていただきました。

 

★ご案内★

額縁と額装の『鈴幸』
場所:静岡市葵区
額縁と額装の専門店です。ガラス工事部門もあります。

16 12月, 2015 at 7:52 by コブリン

Posted in お仕事, お客さま紹介, グーペ(goope), スマホデザイン, ホームページのデザイン, 日々のあれこれ | Comment (0) »

2015 3/5

モバイル フレンドリー問題

自分のことって、ついついおざなりになりがちです。

自分の運営サイトも然り。

メンテナンスの必要性を痛感しつつも、お客さまの仕事が最優先と言い訳して、いつも後回し。見て見ぬふり。

いいかげん、モバイル対応にしなくちゃ、と思ってはいたんですよ〜!でも、やってませんでした。だってメンドクサイんだもん。(´д`、)

シシデザインで請け負っているWeb制作の大半は、〈スマホ自動対応の〉グーペ(Goope)やJimdo(ジンドゥー)のカスタマイズなので心配ないのですが(見栄えを整えるためには、ある程度のカスタマイズが必要ではありますが・・)

シシデザイン自身のサイトはグーペでもJimdoでも無いんですよね〜(^_^;)

つまり、モバイル対応にするには、自力で何とかしないとダメなんです。
メンドクサイ・・。

***
だがしかし!メンドクサイなんて言ってられない事態になりました。

1月末にGoogle先生から、こんなメールが来ちゃったのです。

「モバイル ユーザビリティ上の問題が検出されました 」なんていうドキッとするタイトル。

mobile_usability01

要約すると「君のサイトはモバイル対応じゃないから、スマートフォンでのGoogle検索結果に影響が出ちゃうよー」という軽い脅しのような内容でした。

あちゃー。自覚していた問題だけに、この指摘は痛恨の一撃。

もう、メンドクサイなんて言ってる場合じゃない!!

でも改修するとなると、サイトを「工事中」にしないといけない。

そして長期間「工事中」にするのはデメリットが大きい。(うちは新規発注のほとんどがサイト経由ですからね・・)

というわけで、タイムリミットは一晩、と自分に枷を付けて、サイトの改修を決意いたしました。

スマートフォン用のサイトを別に作るか、現サイトのリソースを利用してレスポンシブ・ウェブデザインにするか・・悩んだ末、後者の路線でいくことに。

でも、レスポンシブ・ウェブデザインを念頭においてデザインしたサイトでは無かったので、いやはや、想像以上に大変でした・・。

***
ともかく、(見た目はさておき)スマートフォンでGoogle検索して「スマホ対応」と表示されるところまで漕ぎ着け、ようやく一安心。

mobile_usability06

ただ、モーレツな突貫工事だったため・・
デザインは大変お粗末なものでしたので(お願いだから、スマホで見ないで〜!という粗悪さ。←これって本末転倒では?f^_^;)、数日かけて手直しして・・

無事にGoogle先生の「モバイル フレンドリー テスト」にもパス♪

mobile_usability02

※グーペやJimdoサイトの方で、モバイルフレンドリーテストの結果が「要求されたURLを取得できませんでした」とエラーになってしまう場合は、URLの語尾に「/?mobile=1」を付けてみてくださいね☆

改修前は62/100の赤点だったユーザー エクスペリエンス(UX)も、見事100/100に〜♪

mobile_usability04

はぁ〜やれやれ。
ずっとホッタラカシだった宿題を、ようやく片付けた気分☆

ただ、当面の課題はクリアしたものの、スピード診断の結果は良好とは言えないし、もっと改善したい箇所もあるので、まだまだ精進しないといけないのですけどね・・。

***
Google先生のメールから約1ヵ月後の先週、Googleの公式ブログで、今後「モバイル フレンドリー」かどうかがランキング要素になると発表がありましたね。
(※モバイルでの検索が対象、正式導入予定は2015年4月21日から)

1月末のメールはこれの伏線だったのか・・。
宿題、やっといてよかったε-(´∀`; )

5 3月, 2015 at 23:38 by コブリン

Posted in スマホデザイン, セキララな話, ホームページのデザイン, 日々のあれこれ | Comment (0) »

2013 4/5

“おもてなし”の心を大切にするサロン

久々に、goope(グーペ)を使ったWeb制作の事例紹介です。

先日の記事でもちょこっとご紹介いたしましたが、
このたび、ネイルサロン『アクイユ』さまの
サイトリニューアルをお手伝いさせていただきました。

ネイルサロン「アクイユ」

→VIEW SITE!

リニューアル前は白ベースのサイトでしたが、お店のテーマカラーであるグリーンをベースにしたいというリクエストをいただきましたので、背景全体にうっすらと色を入れています。

ただ、一口にグリーンと言っても、さまざま。
色の微妙なイメージって伝えるのが難しいですよね・・。
店内写真を送っていただいたりしながら、何度かやり取りの末、この色味に落ち着きました。

 

ネイルサロンのサイトを作るのは今回はじめてでしたので、リサーチがてら他のネイルサロンのページをいくつか見てみたのですが、ビビッドでキラキラ感のあるサイトが多いことに気づきました。
アクイユさまのご希望とはちょっと違う感じ・・。

お店のコンセプトは、「パリジェンヌの部屋をイメージした上質な空間」。
そして店内の小物はアンティーク調のもので揃えているということでしたので、そのあたりを意識してデザインしてみました。

細部にあしらっているモチーフが可愛いでしょ?
最初は右下の街灯とベンチだけだったんですが、とても好評だったので、どんどんモチーフが増えていきました♪

 

そして今回、「せっかくPCサイトをリニューアルするから・・」と、PCサイトのデザインに合わせて、スマートフォン用サイトのカラーカスタマイズもオーダーいただきました。

jirei_accueil_smp

 

「アクイユ」とは仏語で”おもてなし”を意味するんだそうです。
お客さまとのメールのやり取りからも、丁寧で上品な雰囲気が伝わってきました。

そして私の指先も、大人可愛い感じ・継続中〜♪
指先だけじゃなく、中身の女子力もアップしなくちゃね・・(汗)

楽しくて夢のあるお仕事をさせていただき、最後までワクワクさせていただきました。
ありがとうございました!

 

★ご案内★

ネイルサロン『Accueil(アクイユ)』
場所:表参道A4出口から徒歩2分
上品で大人可愛いデザインを得意とする完全女性専用のネイルサロンです。

5 4月, 2013 at 22:42 by コブリン

Posted in お仕事, お客さま紹介, グーペ(goope), スマホデザイン, ホームページのデザイン | Comment (0) »

  • About Author

    シシデザイン

    フリーランスのグラフィックデザイナーです。コブリなので、コブリン。
    グラフィックデザイン工房「シシデザイン」を運営しています。
    保護施設出身のトラウマ犬(かわいいおバカさん)と暮らしています。仕事の傍ら、保護犬の搬送ボランティアをしています。
    オリジナルグッズ販売のオンラインショップ「アトリエ・シシ」も、よかったら覗いてみてください★

  • Calendar

    2019年12月
    日 月 火 水 木 金 土
    « 11月    
    1234567
    891011121314
    15161718192021
    22232425262728
    293031  
  • よく読まれている記事

    • リンゴで経理。 2014/02/04 に投稿された
    • グロナビ、では通じない。 2019/03/21 に投稿された
    • グーペか?Jimdoか?(比較してみました) 2014/09/10 に投稿された
    • 獅子!柚子!(&プチ講演のお知らせ) 2019/11/15 に投稿された
    • 可愛いアシスタントがやってきた。 2019/11/23 に投稿された
    • 講演、無事終わりました 2019/12/07 に投稿された
    • グーペホームページ大賞2019に複数ノミネート! 2019/12/13 に投稿された
    • 「オレのボス ヤフーでググれと 無理を言う」が奥深い! 2017/03/21 に投稿された
    • Windows10の簡単設定を使うのは・・・論外デス 2016/06/15 に投稿された
    • ジャンボなうちわ、ふたたび。 2019/11/29 に投稿された
  • Recent Posts

    • グーペホームページ大賞2019に複数ノミネート!
    • 講演、無事終わりました
    • ジャンボなうちわ、ふたたび。
    • 可愛いアシスタントがやってきた。
    • 獅子!柚子!(&プチ講演のお知らせ)
  • Recent Comments

    • ありがたいことです・・!! に コブリン より
    • ありがたいことです・・!! に 青山 葉子 より
    • グーペホームページ大賞2017に複数ノミネート! に コブリン より
    • グーペホームページ大賞2017に複数ノミネート! に 永松俊樹(ナガマツシュンジュ) より
    • 異国の香り・・ に コブリン より
  • Categories

    • シシデザインについて
    • アシスタントのつぶやき
    • よくあるご質問
    • MovableType
    • お仕事
    • 日々のあれこれ
    • ホームページのデザイン
    • グーペ(goope)
    • Jimdo(ジンドゥー)
    • カラーミーショップ
    • ロゴデザイン
    • ブログのデザイン
    • スマホデザイン
    • 封筒デザイン
    • 名刺デザイン
    • Tシャツ・ポロシャツデザイン
    • その他のデザイン
    • ビフォーアフター
    • デザインのツボ
    • お客さま紹介
    • 工房&工場見学
    • 道具などなど
    • こんなの買っちゃった♪
    • こんなのいただいちゃった♪
    • ただいま制作中!
    • レターセット
    • アトリエ・シシ
    • クリスマスカード
    • カード
    • with WANKO
    • ポストカード
    • サラメシ
    • PayPal
    • 覚え書きメモ
    • Coblinについて
    • どうでもいい独り言
    • セキララな話
    • お知らせ
    • その他
  • Archives

  • Ads

    ホームページ作成サービス:Jimdo


    グーペ


    カラーミーショップ


    ムームードメイン

 
©2009-『走れ!コブリーナ』 Produced by ShiShiDesign|
Entries (RSS) and Comments (RSS).