WEB

超~かんたん!誰でもできる人物レタッチ【Photoshop】
投稿日:2018年7月17日

5分でできるレタッチ?! Photoshopで誰でも簡単にできる人物写真のレタッチ方法をご紹介します。 参考として「美容系サイトのメインビジュアルで使用する人物写真」のレタッチを行っていきますが、採用サイトやLP制作など様々な場面で使えると思います。 レタッチ作業は時間がかかるとい ...

【画像大量保存&リネーム】ImageDownloaderとFlexibleRenamerの合わせ技【ページ量産案件に便利!】
投稿日:2018年5月23日

一時期、大型案件のページの量産ばかりしていました!需要がどれほどあるかわかりませんが、今回は画像が豊富なページの量産時にとっても便利だったツールをご紹介したいと思います。 ↑こんな時。 最初は自らをロボット化し大量に画像を保存する簡単なお仕事をしていたのですが、その際の量産対 ...

もっと簡単にアクセス解析したい!Googleアナリティクス「マイレポート」の使用方法
投稿日:2018年5月1日

Googleアナリティクスは無料で使用でき、アクセス解析機能も豊富なため、今やWEB制作には欠かせないツールになっています。弊社でもWEB制作を行うときは必ずと言ってよいほど、Googleアナリティクスの設定をさせていただきます。 ですが、便利がゆえに機能が豊富すぎ、初心者にはどこをどう見 ...

コスパ最強のプラン、はじまります。
投稿日:2017年12月27日

今回、東京の中小企業様限定で『コスパ最強のプラン』を新しく作りました。 このプランでは、Webサイト制作とそれに使用する写真素材の撮影も行うという内容でかなりコスパが良いものになっております。 BRISKでは「レスポンシブプラン」というものがあります。パソコン、スマートフォンに対応したレ ...

【コンバージョンアップ!】見積もりシミュレーションでお問合せアップ!
投稿日:2017年11月10日

ホームページのお問合せを獲得する方法として 最近では良いコンテンツを作るというのが重視されています。 コンテンツマーケティングという言葉が独り歩きをしSEO対策で 質の低いコンテンツやコピーコンテンツを量産した事で検索エンジンも質の低いコンテンツの精査を始めています。 BRISKでは ...

SVGを動かす [cssアニメーション/クリッピングマスク/波/線を描く]
投稿日:2017年6月12日

最近SVGを使用してコーディングすることが多くなりました。 SVGとはScalable Vector Graphics(スケーラブル・ベクター・グラフィックス)、つまり伸縮自在のベクター情報で作られた画像のことです。 一つのSVGファイルで、どのサイズでも綺麗に表示させることができます。 ...

自社ホームページで、スピード評価「PageSpeed Insights」の点数を上げた話
投稿日:2017年3月27日

ウェブサイトの表示スピードを評価してくれるWebツールの一つに、PageSpeed Insightsというものがあります。 Googleが提供しているサービスですので、このツールでの評価はけっこう重要になってきます。 「PageSpeed Insights」での点数を何点以上にしてくださ ...

今どきのホームページで使われているCSSだけで作るかっこいいホバーアクション10個
投稿日:2016年12月15日

今どきのホームページでは、ホバーアクションがあるのが当たり前のように感じます。 また、1つ1つのホバーアクションが作り込まれていて、作りを見させてもらうと「なるほど!?」と思うような作りをしていて、参考にさせてもらっています。 そんな今どきのホームページに組み込まれているかっこいいホバーアク ...

デザインツールから、HTMLコーディングのスピードアップを考える [Photoshop] [Illustrator] [Creative Cloud Extract]
投稿日:2016年12月14日

最近Photoshopの「CSSをコピー」が結構使えるなということに気づき、他にも知らなかった便利な機能があるかもと調べていたところ、Adobeのびっくりサービスを発見。 「CSSの生成」と「スライス」について、コーディングがスピードアップしそうなデザインツールの機能をまとめました。 ※ ...

Dropboxにアップロードされた動画をwebサイトに埋め込む方法(.mp4)
投稿日:2016年12月13日

今年の4月に入社を致しました。 この八か月弱で勉強させていただいたことはとても多く、何を記事にしようか悩んだのですが その中でも参考サイトが少なかったものを、覚書も兼ねて書きたいと思います。 Dropboxにアップロードされた動画を埋め込む方法 とある案件でDropboxにアップ ...

Flexboxを使うべきか?まだ時期尚早か?の考察
投稿日:2016年11月22日

Flexboxと仕事でのWeb制作 FlexboxというCSSプロパティについて、すでに実際にバリバリ使ってるよという方も、聞いたことはあるけど使うまでに至っていないという方もいらっしゃるでしょう。 Flexboxがどんなものなのか、ということはこの記事では扱いません(こちらの記事やこちらの ...

未経験からwebデザイナーとして入社してみて~4ヶ月目~
投稿日:2016年8月30日

過去の記事→ 未経験からwebデザイン会社に入社してみて 未経験からwebデザイナーとして入社してみて~3ヶ月目~ 早くも4ヶ月目です。新たに知ったことや学んだことを書いていきます。 Photoshopに関して レイヤースタイルでオブジェクトにドロップシャドウを付け、角度を ...

自社ホームページから案件を受注する改善ポイント
投稿日:2016年8月1日

この4月ぐらいからホームページからのお問い合わせで案件に結びつくケースが多く満足にいく結果に繋がっています。 PVも少しはあがったように思いますが、それ以上にお問い合わせ数が増えた印象です。 ■BRISKホームページ経由の受注金額 4月:大型案件(約500万円)、コーポレートサイト(約 ...

未経験からwebデザイナーとして入社してみて~3ヶ月目~
投稿日:2016年7月27日

前回「未経験からwebデザイン会社に入社してみて」という記事を書かせていただきましたが、 まさかの第二弾です!(月1更新することになりました) 今月作業した中で知ったことなど書いていきたいと思います。 コーディング 今月初めてコーディングをしました。 コーディングについては、HTM ...

【WordPress無料プラグイン】カスタマイズ自由自在!!カレンダー付き予約システムPinpoint Booking Systemの紹介
投稿日:2016年6月30日

様々なサイトを制作してきたBRISKが見つけた、予約システムを依頼されたときにとっても使えるWordpressのプラグイン Pinpoint Booking Systemをご紹介したいと思います。 Pinpoint Booking Systemの購入紹介をしているサイトがこちら↓ htt ...

未経験からwebデザイン会社に入社してみて
投稿日:2016年6月28日

webデザインをやりたいという気持ちで、異業種からの転職でBRISKに入社しました。 未経験から転職して思ったことなどを書いていきたいと思います。 webデザイン会社を受ける前にやったこと 何もせずに面接に臨むのは無謀だと思い、実際にwebページを作りながら コーディングやデザイ ...

お問い合わせ倍増!?不動産ホームページを効果的に使う5つのポイントとは
投稿日:2016年6月27日

「物件情報をたくさん載せてるのに、なぜかお問い合わせが来ないんだよな~」 と、お問い合わせ数に伸び悩んでいるあなた。 今回は、そんなあなたのために、 不動産の自社ホームページを最大限に活用するための方法を5つにまとめてみました。 もしかすると、「ホームページに色々と手を加えてる暇 ...

【Web制作会社】業界未経験でも活躍できる作業スピードを重視する意識改善
投稿日:2016年6月22日

皆さんは、仕事のスピードを意識していますか? BRISKは、Web制作会社としては、かなりスピードを重視しています。 先日、新メンバーになぜ、スピードが早い事が重要かを説明しました。 理由としては、以下です。 クオリティ(クリエイティブ)には限界があるが、スピードアップは誰でもで ...

schema.orgに基づく構造化のためのマークアップ
投稿日:2016年1月26日

前回の記事で、google検索結果でのいろいろな見え方についてまとめました。 タイトル、パンくず、リッチスニペット、ナレッジグラフ、サイトリンクについて書きましたが、それぞれの「思った通りに表示されやすい」書き方について今回は詳しく書きたいと思います。 とは言っても、ナレッジグラフは他のユーザー ...

Google検索結果の見え方まとめ(リッチスニペット、ナレッジグラフ等)
投稿日:2016年1月4日

検索エンジンの世界シェア9割を占めると言われるGoogle検索。 最近は(けっこう前から!?)Google検索の結果がいろんな見え方をすることにお気づきの方も多いでしょう。 それぞれの検索結果の見え方について調べた内容をまとめました。ちなみに、それぞれの設定方法についてはブラックボックスなの ...