Budo｜Webデザイン

【ビジネス理解のあるデザインを】｜デザイナー、事業責任者に向けて明日からすぐ使える、デザイン業務に関わるTipsを発信します。

[Budo｜Webデザイン @Budo_design]

【プレスリリース】
Web制作会社「Budo」設立のプレスリリースを公開しました。

ビジネス理解のあるWeb制作会社としてデザインに限らず、シンプルで本質的な解決策を提供することでデザインに関わるあらゆる悩みを解決していきます。

詳細はこちら
https://t.co/JSptFU4sx1

[Budo｜Webデザイン @Budo_design]

hicardの合宿にBudoのメンバーも参加させていただきました！

弊社のバックオフィスも担当してくれているDaichiが合宿の様子をnoteで公開してくれています📔

ストレングスファインダーやTシャツワークショップなど、とても楽しく有意義な合宿でした🙌
@hicard_inc

[Daichi / hicard @daichi_inamura]

九十九里浜にて、hicardの合宿が行われたのでその様子をnoteで配信しています！
よければご覧くださいませ〜〜🏝️🌊
@hicard_inc
https://t.co/Vi6VG1Elzw

[Budo｜Webデザイン @Budo_design]

Figma to STUDIO↓
https://t.co/zqcZkMT9bl

Figma to STUDIOのダウンロード方法↓
https://t.co/tN9lWaHZgD

使い方に関してはこちらの記事も参考になります↓
https://t.co/znxgp34sp1

[Budo｜Webデザイン @Budo_design]

デザインを一瞬でWebサイト化できるFigmaプラグイン「Figma to STUDIO」

ダウンロードは公式サイトの"Try it out"をクリックするだけ

次回 → Figma to STUDIOの使い方

[Budo｜Webデザイン @Budo_design]

Figmaで作成したデザインを一瞬でWebサイトにするFigma to STUDIOの使い方

①Figmaで「Figma to STUDIO」のプラグインを起動。

②デザインを選択して”クリップボードにコピー”をクリック

③STUDIOで新しいプロジェクトを作成しcommand+V（Windowsの場合はCtrl + V）でウェブサイトが完成

現在Beta版ですが非常に便利な機能なので今後のアップデートにも期待です！

[Budo｜Webデザイン @Budo_design]

デザインを一瞬でWebサイト化できるFigmaプラグイン「Figma to STUDIO」

ダウンロードは公式サイトの"Try it out"をクリックするだけ

次回 → Figma to STUDIOの使い方

[Budo｜Webデザイン @Budo_design]

【Figma to STUDIOでデザインを自動で実装可能に】

先日、STUDIOがツール間連携機能「Figma to STUDIO」のベータ版をリリースしました。

この機能を使うことでSTUDIO上で1からサイトを実装する手順を省き、Webサイトを一瞬で作成することが可能になります。

すべてのデザインに対応し、PCをベースにしたデザインでは、自動でレスポンシブ対応されたデザインに変換されます。

明日、明後日は「Figma to STUDIO導入方法について」「Figma to STUDIOの使い方」についても発信するので是非チェックしてみてください。

[Studio | Web制作を、ノーコードで。 @StudioDesign]

【デザインを一瞬でWebサイトに！ツール間連携機能「Figma to STUDIO」のベータ版をリリース】

「Figma to STUDIO」のベータ版をリリースいたしました。このプラグインでは、デザインツール「Figma」で作成したデザインデータを自動で変換し、STUDIOにインポートすることが可能です。
#STUDIOのカイゼン
#FigmaToSTUDIO

[Budo｜Webデザイン @Budo_design]

AIアシスタントMonica
https://t.co/nb68fKJZCv

[Budo｜Webデザイン @Budo_design]

【AIアシスタントでメール返信を自動化】

Chrome拡張機能で利用できるAIアシスタントMonicaを使えば

受信したGmailの内容をワンクリックで要約してくれます。候補から返信したい内容を選べば、自動で状況に合わせた返信内容も考えてくれます。

-クイック返信をクリックで要約
-3つの返信候補から選択して文章生成
-挿入をクリックでメール

[Budo｜Webデザイン @Budo_design]

【超初心者向け　ランディングページとは】

ランディングページは、LPとも呼ばれ、Webサイトの中でも集客やコンバージョンを目的としたページのことを指します。LPは、特定のキャンペーンや商品、サービスなどを紹介することで、ユーザーの興味を引くことを目的にしていることが大きな特徴です。

LPの特徴としては、以下のようなものが挙げられます。

ランディングページとは、特定の商品やサービスに焦点を当てたWebページのことで、Webサイトの中でも集客やコンバージョンを目的としたページのことを指します。主に縦長のペライチのページ構成になっていることが一般的です。

ランディングページの目的は、製品を購入する、メールアドレスを登録する、無料トライアルに申し込むなどのアクションをユーザーに促すことです。

ランディングページは、広告やソーシャルメディアの投稿などから訪問者を誘導するために使用されます。

ランディングページは、魅力的な見出し、説得力のある本文、コール・トゥ・アクション（CTA）ボタンなどの要素を含むことが一般的です

LP制作をする目的は主に

1. リスティング広告に出稿して自社サービスに集客したい
2. コンバージョン率を上げたい
3. ABテストをして今後もサイトの改善をしていきたい（LPO）

などがあります。

[Budo｜Webデザイン @Budo_design]

【超初心者向け そもそもECサイトとは？】

ECサイトとは、商品やサービスをインターネット上で販売するためのWebサイトのことです。

ECサイトのデザインは、ユーザーがスムーズに商品を探したり、購入したりできるようにするための動線設計が非常に重要となります。

EC制作を制作をする目的は主に

1. 購入までの動線設計を改善してより売上を上げたい
2. 定期購入者率を増やし顧客LTV（顧客生涯価値）を上げたい
3. 自社商品のブランディングになるような綺麗なデザインのサイトにしたい

などがあります。

[Budo｜Webデザイン @Budo_design]

https://t.co/xAFgR1Diui

[Budo｜Webデザイン @Budo_design]

先日Budoとして初めて、デザイナー向けのMeetupイベントを開催しました。

当日の様子について綴られたnoteが弊社スタッフの@daichi_inamura から投稿されています。

次回は10月にもイベントを行う予定なので気になっている方はぜひチェックしてみてください！

[Daichi / hicard @daichi_inamura]

以前リリースしたWeb制作会社のBudoが開催したイベントをnoteにしました！
今後も継続していく予定ですので、よければ雰囲気ご覧くださいませ〜🍸
https://t.co/6Nzb3eYtFM

[Joe Ishii ／ Studio @ytk141]

STUDIOで遂に「コンポーネント」が使えるようになりました🎉🎉 ColorやNunmberなどの6種類のプロパティが設定可能になり、各コンポーネントでコンテンツの上書きが可能に！！！

[Budo｜Webデザイン @Budo_design]

【超初心者向け　そもそもSEOってなに？】

SEOとは、Search Engine Optimizationの略称であり、検索エンジン最適化のことを指します。つまり、自社のウェブサイトが検索エンジン上でより上位に表示されるように、様々な対策を行うことがSEOの目的です。上位に表示されればされるほど問い合わせや発注数も増える傾向にあるためかつては非常に重要な概念でした。

SEOの対策には、以下のようなものが挙げられます。
・キーワードの選定
・コンテンツの最適化
・リンクの張り方
・ページの読み込み速度の改善

これらの対策を行うことで、検索エンジンからのアクセス数を増やし、ウェブサイトの集客力を高めることができます。

検索エンジンのアルゴリズムは常に変化しており、また競合他社も同じ対策を行っているため、常に最新情報をキャッチアップし、的確な対策を行う必要があります。

しかし、最近ではGoogleのシステムの進化とともに、実際により品質の高いサイトが評価される傾向があるため、SEO対策のみでサイトを上位に表示させるのは難しくなってきています。

[Budo｜Webデザイン @Budo_design]

【初心者でもロゴを簡単に一瞬で作成できる方法】

https://t.co/OFYDQDif1qを使えば作成したいロゴの
-サービス名
-色
-ジャンル
-雰囲気
を入力するだけで一瞬でロゴを複数生成してくれます。

生成したロゴのモチーフ、色、背景など生成後にカスタマイズできる要素がかなり多く思い通りのロゴの作成が可能です。

さらにそのロゴが紙媒体に掲載された時のイメージやロゴガイドラインも同時に作成してくれるため完成後の使用イメージがすぐにわかるのも便利なポイントです。

https://t.co/OFYDQDif1qのみで高品質のロゴを作成するのは難しいですが、検討段階のサービスでロゴにかける予算がない場合や、デザイナーがロゴを作成する前にクライアントと完成イメージのすり合わせをする際に使用できるため非常に便利です。

作成はこちら
https://t.co/o3EimnD3pv