オンラインサロンサイト 新規制作 | 埼玉県さいたま市のWeb制作・コンテンツマーケティング会社｜SSC
関連サービス Webサイト制作・WordPress開発・レスポンシブウェブデザイン ご依頼時の課題 オンラインサロンのプラットフォームを立ち上げたい 予算が限られているため、費用はなるべく抑えたい ご提案内容 開発費を抑えるため、フルスクラッチでのシステム開発ではなく、WordPressのカスタマイズによるスモールスタートを提案。具体的には、下記の内容で企画・提案し、受注に至りました。 サロンの情報管理と申込み機能までをWordPressで開発 決済周りは既存のASPを組み込むことで工数を削減 サロンの主催者と参加者の活動は既存のコミュニケーションツールを活用 制作について 実施内容 企画提案 決済ASPの選定 設計・デザイン WordPress初期設定・独自テーマ開発 サロン情報管理機能開発 主催者情報管理機能 コラム機能 使用技術 php/JavaScript/HTML/CSS 近い内
Googleのエンジニアが「ウェブサイトの画像読み込み」を最適化する方法を解説
ウェブサイトを閲覧していると「画像の読み込みが遅い」という場面に遭遇したことがある人は多いはず。画像はウェブサイトのパフォーマンスを左右する要素のひとつであり、ウェブ開発において取り扱いに注意すべきものです。そんな画像をウェブサイトで扱う際の最適化方法について、GoogleのエンジニアであるMalte Ubl氏が解説しています。 Maximally optimizing image loading for the web in 2021 https://www.industrialempathy.com/posts/image-optimizations/ ◆img要素にwidthとheightを指定する アスペクト比を維持したまま画像サイズを変更するには、「style」要素に「max-width: 100%」や「height: auto」と指定しておく手法がよく用いられます。この手法に加
Googleコアアップデートの傾向と検索順位の新指標「コアウェブバイタル」とは | 埼玉県さいたま市のWeb制作・コンテンツマーケティング会社｜SSC
今月頭（12月4日未明から17日にかけて）にGoogle検索のコアアルゴリズムがアップデート、通称「December 2020 Core Update」が実施されました。コアアップデート後は、Webサイトの専門分野や掲載情報・掲載方法にもよりますが、検索エンジンで表示される順位が大きく変動することもあります。 最新のコアアルゴリズムアップデートについてのまとめ記事 Googleコアアルゴリズムアップデートの傾向と対策[2021年6月版] 今回は、 Google検索のコアアップデートの周期性や性質などのパターン 2021年5月にランキングの指標に追加される「コアウェブバイタル」（CWV）とは この2点について、ごくごく簡単に解説していきます。なお、今コラムの執筆者は非開発者なので、比較的非開発者にもわかりやすい内容になっているのではないかと思います。ただしWebマーケティングやSEOなどの専
【保存版】埼玉でおすすめのホームページ制作会社13選
埼玉県でおすすめのWeb制作会社をさいたま市を中心に紹介します。会社のウェブサイトを新しく作成したい場合やリニューアルしたい場合の参考にしてください。 全国対応可能なウェブ制作事業者も多いので、他の都道府県でホームページの制作を希望している企業の方も気になれば問い合わせしてみることをおすすめします。 埼玉でおすすめのホームページ制作会社一覧株式会社タブコードスポーツ関連の団体や大会のWeb制作が得意で、国際大会のようなハイレベルなサイトも制作しています。スポーツ関連でWebサイトを制作して欲しいなら他県からでも検討すべきWeb制作会社の1つでしょう。 しっかりしたレイアウト、アニメーションで洗練されたサイトが多いです。上智大学フランス文学科などの権威性の高い案件も制作していたりしますが、大学のWebページにしてはかなりオシャレな仕上がりとなっています。 6名と小規模ながらレベルの高いWeb
採用情報 | 埼玉県さいたま市のWeb制作・コンテンツマーケティング会社｜SSC
スマートスタイル・コンプレックスは顧客満足度の高いWebサイトを提供する急成長中の企業です。時期により中途採用・アルバイト・パートタイム・インターンシップ等の採用を実施しています。 採用はワークライフバランスを重視し、浦和オフィスに常駐勤務する正社員以外にも、時短やリモートワークで働くスタッフが多数在籍し、それぞれの場面で活躍しています。 また、外部委託契約も行っています。興味がある方はお問い合わせフォームよりご連絡ください。
医療系サイトにおける有効なコンテンツマーケティング施策とは | 埼玉県さいたま市のWeb制作・コンテンツマーケティング会社｜SSC
（この記事は2019年3月に更新したものです。2020年5月に若干加筆し、最新の情報を反映しました） 当社SSCは多数の医院公式サイトの運用サポート（WordPress開発・レスポンシブデザイン・コンテンツマーケティング）を実施しています。 医院などの医療系サイトといえば、2018年8月に実施されたGoogleアップデートのタイミングで、医療業界周辺が阿鼻叫喚の様相を呈していたことを思い出す人も多いのではないでしょうか。 そこで今回は、複数の医院公式サイトのアクセス増減や重要キーワードの検索順位推移などを分析し、そこから得られた知見を、この場を借りて情報共有したいと思います。 2018年8月のGoogleアップデートをどう乗り切ったか 2018年8月1日に行われたGoogleアップデートは多くの医療系サイトやYMYLのカテゴリに属するWebメディアにおいて強い影響をおよぼしました。 現行の
Webライター・ブロガーが最低限知っておきたいHTMLタグ10個 | 埼玉県さいたま市のWeb制作・コンテンツマーケティング会社｜SSC
Webメディアにおいてライター業をやっていくうえで、「これぐらいは知っておきたいHTML」を一通りご紹介します。 まずは一覧です。 メタディスクリプション<meta name=”description” content=”概要文”> タイトル<title>ページタイトル</title> 段落<p></p>、改行<br>もしくは<br /> 見出し<h1></h1>、<h2></h2>、<h3></h3> 強調<strong></strong> リスト<ul><li></li></ul>、数字付きリスト<ol><li></li></ol> 画像（URL、サイズ、タイトル、代替テキスト）<img src=”画像URL” width=”横幅px” height=”縦幅px” title=”画像タイトル” alt=”画像の代替テキスト” /> アンカーリンク<a href=”URL” target
無料で配色シミュレーションができるカラーパレット系サービス6選【2022年最新】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 今回はデザインの重要な要素の一つである、色選びの時に使える配色シミュレーションができるツールやサイトをご紹介します。Webカラーのカラーパレット系サービスを中心にチョイスしましたので、配色などでお悩みの方はぜひご参考にしてみてください！ 独学でつまずいていませんか？ 配色やデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 coolors https://coolors.co/ 直感的な操作で色の組み合わせのシミュレーションができるサイト。スペースキーを押すことで自動で配色を行なってくれます。何度でも押せる
誰でもプロ並みの色調が作れる無料のカラーパレットサービス厳選8選
高機能なCMSが続々とリリースされている今、特別な技術がなくてもホームページやランディングページを作成できる環境が整ってきました。 Web制作会社やデザイナー等の専門職の方に頼らずにWebページを制作される方も増えてきていると思いますが、制作時につまづきやすいのが「配色」の選定です。 配色はページ全体の印象を決めますが、作成者のセンスに左右されるため、デザイナーのように配色の知識が無い方は何かと時間をとられてしまいます。 今回は、配色に自信の無い方でも最新のホームページのような配色ができる無料のカラーパレットをご紹介します。 あらかじめ配色が決まっているもの、自分で配色を調整できるものなど様々なパレットがあるので、目的に沿って使い分けてみましょう。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向
伝わりやすいバナーをデザインする10のポイント（文字の組み方編） | ビジネスとIT活用に役立つ情報（株式会社アーティス）
リスティング広告をはじめとしたインターネット広告や、自社のウェブサイトなどで使用するバナーはユーザーにクリックされてはじめて価値が生まれます。では、ユーザーにクリックされるためにはどうしたら良いのか？バナーを制作する上で皆さん意識されるかと思います。 そこで、今回はバナーデザインにおける「文字」の調整方法をメインに、ユーザーに伝わりやすいバナーをデザインする10のポイントについて説明していきたいと思います。 作成を進める際に意識すること バナーは限られた領域の中で、文字と画像によって伝えなければなりません。 そして、ユーザーにクリックされるためには、伝えたい相手に伝えたい情報を一目で伝えなくてはなりません。 それらの役割を果たすことができるバナーを作成するためには、 要素を揃えること 要素に強弱をつけること が重要になります。 要素を「揃えること」でデザインにまとまりをもたせ情報を見やすく
見逃せない！2016年大注目のWebサービス17選
EvernoteやDropboxなど、無料でも非常に使い勝手のよいWebサービスは数多く存在します。 そして、そうした便利なWebサービスは、毎日のようにリリースされます。 今回は、Web担当者なら知っておきたい、今年大注目のWebサービスを国内外問わずご紹介します。 ホームページを運用する上で、便利なサービスがたくさんあるので、ぜひチェックしてみてください。 プロトタイピングツール Webサイトのレイアウトを行うときに、PowerPointやIllustratorを使うWeb担当者も多いでしょう。 最近ではワイヤーフレーム（どのサイズ感で何を配置するかの設計図）を作ったり、モックアップ（Webサイトそっくりのサンプル）を作ったりするのに、便利なプロトタイピングツールが多くリリースされています。 1.InVision InVisionは、Uber社やNETFLIX社も使っているコラボレーシ
アドビのUXデザインツール「Adobe Xd」を使ってみた｜SSCのホームページ制作・集客スクールブログ | 埼玉県さいたま市のWeb制作・コンテンツマーケティング会社｜SSC
こんちわ、E-さんです。 今回は今年アドビからリリースされたAdobe Experience Design、通称「Adobe Xd」について。 Webサイトの制作において、避けては通れないワイヤーフレーム ワイヤーフレームは、これからつくるものが必要要件を満たし、要素の抜けや漏れ、ユーザーの使い勝手など、構造上の問題がないかを検討するための基礎設計とも言える重要な画面設計図です。 このワーヤーフレームを制作する上で幾つか方法（使用アプリケーション）がありますが、今まではそれぞれ異なるアプリケーションを使用してワイヤーフレームを制作したりしていました。（時には手書きで！） しかし、修正、再構築などの作業時にはやはりみんなで共通した専用のアプリケーションを使っていた方が効率的で無駄がありません。 制作、運用段階に入った時点で他の制作者に引き継ぐとなった場合でも共通のアプリケーションで作成された
固定ページやカスタム投稿を関連付けるWordPressプラグイン「Posts 2 Posts」の使い方｜SSCのホームページ制作・集客スクールブログ | 埼玉県さいたま市のWeb制作・コンテンツマーケティング会社｜SSC
岡部です。 長いことほったらかしにしていた弊社のWebサイトですが、つい先日ようやくリニューアルしました。 最低限要素で構成されている公式ディレクトリのテーマ「BlankSlate」をベースにデザインや機能を実装。デザイナー以外でも更新できるように、管理機能もゴリゴリに作り込んでます。 受注案件では基本フルスクラッチでオリジナルテーマを組んでいるのですが、時短のために既存テーマをベースにして作ってみた結果、「BlankSlate」、基本機能は揃いつつデザインはまっさらで大変使いやすかったです。これはまた別の機会に紹介しようかな。 投稿間を関連付けるプラグイン「Posts 2 Posts」 今回のリニューアルで、弊社で提供しているサービス毎に説明ページを設けました。その中で、各サービスページに制作実績や費用例を紐付けて表示できると後々の運用が楽だなと思い、そういうことができるプラグインを探し
jQueryとcssで作る、フッター手前で止まる「トップへ戻るボタン」の制作手順 | 埼玉県さいたま市のWeb制作・コンテンツマーケティング会社｜SSC
岡部です。 あると便利な憎いやつ、「トップへ戻るボタン」。 とりあえずcssで見た目を作るところから、スムーズにスクロール、少しスクロールすると表示、フッター手前で止まる、などの処理をひとつずつ解説していきます。 参考にさせて頂いたサイトはこちら！ありがとうございます。 jQueryで作るスクロールしたら出現してスクロールに追随し、フッターの位置で止まるスムーススクロール Animated Scroll to Top htmlとCSSでデザインを作る まずはボタンがないと話が始まりません。 右下に固定で表示されているボタンを、htmlとcssでデザインします。 ポイントは、position:fixed;で位置を固定する、辺りでしょうか。 下記サンプルだとcssのみで丸や三角を表現していますが、画像を使っても良いでしょうね。 スムーズにスクロールさせる このままでも機能としては十分役割を果た
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleモバイルフレンドリーテスト
スマートスタイル・コンプレックス株式会社の制作実績と評判 | 埼玉県さいたま市のホームページ制作会社 | Web幹事
EC design（デザイン）
ブログ | 埼玉県さいたま市のWeb制作・コンテンツマーケティング会社｜SSC
WebサイトやSNSの訪日外国人・訪日インバウンド対策 | 埼玉県さいたま市のWeb制作・コンテンツマーケティング会社｜SSC