ブログBLOG

スライドクリックでモーダルを開く方法

スライダーに表示している画像を、クリックしたら大きく見られるようにしたいと思ったことはありませんか？ サムネイルだけでは伝わりにくい細かな部分も、モーダルで拡大表示できれば、より見やすくなります。 商品画像や写真ギャラリー、制作実績など、さまざまな場面で活用できる機能です。 今回は ...

長い行でもサクサク動く！自社ツール「文字列差分チェッカー」の紹介

自社で作成したツール「文字列差分チェッカー」の紹介です。 Webサイトの制作をしていると、クライアントからの修正依頼を反映したり、以前のソースからの微妙な更新をしたりするなど、2つのテキストを見比べるケースは意外と多くあります。 そんなときに活躍するのがこのツールです。 ...

ホームページ×DXで何ができる？問い合わせ・営業・採用を効率化する方法

ホームページから問い合わせや採用応募が届いても、担当者への連絡や情報の転記、日程調整に手間がかかっていませんか。受付窓口だけを整えても、その後の社内業務が手作業のままでは負担が残ります。 ホームページと業務の仕組みをつなげることで、問い合わせ対応だけでなく、営業や採用の効率化も期待でき ...

古いホームページをDXで変える！中小企業のためのWebサイト改善チェックリスト

「ホームページを長年更新しておらず、今の事業内容に合っているか不安」「問い合わせ対応や情報更新に手間がかかっている」と感じていませんか。 古いホームページは、見た目を新しくするだけでなく、顧客の使いやすさや社内業務の進め方を見直すことで、DXにつなげられます。ただし、必ずしも全面刷新が必要 ...

成果と使いやすさを両立する「インクルーシブUI/UXデザイン」5つの設計ポイント

なぜ今、インクルーシブUI/UXデザインが必要なのか？ Webサイトやアプリにおいて、身体的な特性や利用環境が異なる誰もが支障なく操作できるようにすることは、現代のプロダクト開発における重要な課題の一つとなっています。2024年4月に改正障害者差別解消法が施行され、民間事業者による合理的配 ...

DX推進でホームページを見直すべき理由｜集客だけではないWebサイトの役割

DXを推進するにあたり、「ホームページを見直す必要はあるのか」「集客以外にどのような役割を持たせられるのか」と疑問に感じていませんか。ホームページは、顧客への情報提供だけでなく、営業活動や採用、既存顧客への対応、社内業務の改善にも関わる重要な接点です。ただし、DXは単にデザインを刷新したり、新し ...

不安感を減らすクリニックサイトのデザインとは｜業種別WEBデザイン分析

病院やクリニックを探すとき、多くの人は何らかの体調不良や悩み、不安を抱えています。 「どの病院を受診すればよいのかわからない」「初めての場所で診察を受けるのが不安」「どのような治療を受けるのか事前に知っておきたい」など、患者が感じる不安はさまざまです。 そのため、クリニックのホームページ ...

中小企業のDXはホームページから始める｜低コストでできる5つの改善

「DXに取り組みたいが、何から手を付ければよいかわからない」「新しいシステムを導入するほどの予算や人手を確保しにくい」と感じている場合、まず現在のホームページと業務の関係を見直す方法があります。ホームページを顧客との接点や情報を蓄積する場として活用し、日々の業務にある手作業や情報共有の課題を改善 ...

応募したくなる採用サイトの特徴とは｜業種別WEBデザイン分析

「求人を出しても応募が集まらない」「採用サイトを作ったのに成果につながらない」とお悩みではありませんか？ 近年の求職者は、給与や待遇だけでなく、働く人や職場の雰囲気、企業の価値観まで含めて応募先を選ぶ傾向があります。 そのため採用サイトには、会社説明だけでなく“ここで働きたい”と思っても ...

【2026年新卒10月】～入社して半年！新卒で対談しました！～（Webデザイナー、Webエンジニア）

最近は朝晩の冷え込みが厳しくなり、すっかり衣替えの時期になりましたね。 街を歩くと可愛らしいかぼちゃの装飾やグッズが並んでいて、すっかりハロウィンムードを感じる季節になりました。 さて、今回の新卒ブログは特別企画！ 入社から半年が経ったということで、同期3人で【就活生向け・同期座談会】 ...

日本語Webフォントはなぜ重い？デザイン性を損なわずに表示速度を上げる最適化術

「こだわりのフォントを使っておしゃれなWebサイトを作ったのに、表示速度がとても遅い…！」 「パフォーマンスを上げたいけれど、デザイン性も妥協したくない！」 Webデザイナーとして実務をこなしていると、一度はこのような「デザインvs表示速度」のジレンマに直面したことがあるのではないでしょ ...

DXに強い会社はホームページをどう活用している？中小企業が始めるDXの第一歩

ホームページから問い合わせは届いているものの、同じ質問への回答や社内への転記に時間がかかっていませんか。受付窓口がWebになっていても、その後の対応が担当者のメールや記憶に頼っていると、業務の負担は残ります。 ホームページをDXの第一歩として活用するには、顧客から届く情報を記録し、担当 ...

Adobe PremiereとCapCutの違いは？Webデザイナー目線で比較してみた

動画編集ソフトを調べると、よく比較されるのがAdobe PremiereとCapCutです。 この記事では、動画編集未経験者だった筆者が、様々な理由からCapCutからPremiereへ移行したWebデザイナーの視点で、それぞれの違いやメリット・デメリットを比較し、どんな人におすすめなのか ...

DXを何から始めればいいかわからない企業へ｜中小企業のDX支援・進め方を解説

「DXに取り組みたいものの、何から始めればよいかわからない」「自社に合うツールや進め方を判断できない」と悩む中小企業は多いのではないでしょうか。DXを成功させるには、いきなりシステムを導入するのではなく、まず現在の業務を棚卸しし、解決すべき課題や優先順位を明確にすることが重要です。 本記事 ...

ウェブサイトのスマホ対応はなぜ重要？ユーザー目線で考えるWebデザインのポイント

スマートフォンからWebサイトを閲覧することが当たり前になった現在、企業サイトやサービスサイトを制作する際には、スマホでの見やすさや操作性を考慮することが欠かせません。 パソコンでは問題なく表示されるWebサイトでも、スマートフォンで見ると「文字が小さい」「ボタンが押しにくい」「情報が見つ ...

経営者が知っておきたい中小企業DX｜何から始める？進め方と成功のポイントを解説

人手不足や原材料費・人件費の上昇、市場環境の変化などを背景に、中小企業でもデジタル技術を活用した業務改善の重要性が高まっています。一方で、「DXといっても何から始めればよいのか」「システムを導入すればDXになるのか」と迷う経営者も少なくありません。 DXは、最初から大規模なシステム刷新を行 ...

Contact Form 7の使い方をゼロから解説！お問い合わせフォームを設置しよう

WordPressでサイトを運営していると、「お問い合わせフォームを作りたいけど、HTMLやPHPの知識がない…」と悩む方は多いのではないでしょうか。 そんなときに便利なのが、無料プラグイン「Contact Form 7」です。プログラミングの知識がなくても、数ステップでお問い合わせフォー ...

AI×DXで中小企業の業務を効率化！今から始める業務改善の方法・進め方を解説

人手不足や業務負担の増加に悩む中小企業では、限られた人員や予算を有効に活用しながら、生産性を高める仕組みづくりが求められています。そこで注目されているのが、AIとデジタル技術を組み合わせ、個々の作業だけでなく業務の流れそのものを改善する「AI×DX」です。 本記事では、AI×DXの基本的な ...

中小企業のコスト削減をDXで実現！業務のムダを見直す方法・進め方を解説

人手不足や物価上昇などを背景に、中小企業では限られた人材や予算を有効に活用しながら、コストを抑える取り組みが求められています。しかし、単純に経費を削減するだけでは、従業員の負担増や業務品質の低下を招くおそれがあるため注意が必要です。そこで有効なのが、DXを活用して業務そのもののムダを見直す方法で ...

Canvasで実装するホバーリビールアニメーション

Webサイトで、画像やテキストがマスクからスッと現れる「リビールアニメーション」。 シンプルな動きながら、ページに動きやインパクトを与えられるため、Web制作でもよく使われる表現のひとつです。 しかし、実際に実装しようとすると「どのような仕組みで動いているの？」と疑問に思う方も多いのでは ...