Fukai Hiroki/ ENCHANT inc

株式会社エンチャント代表取締役。Webサイトリニューアル・システム開発・ECサイト構築・運用・集客などをワンチームで対応しております。制作パートナーも募集しており興味ある方はDMまで
Web：

[Fukai Hiroki/ ENCHANT inc @webdshiro]

自社サイトをリニューアルしました。
会社の由来や想いをデザイン・実装に踏襲した
Webサイトになってます。

https://t.co/CV258rlOmM

[Fukai Hiroki/ ENCHANT inc @webdshiro]

制作会社の担当者さんから悩み相談

・フリーのデザイナーさんに依頼してるけどクオリティが想定より低く修正点が多くなってしまった。
内容をまとめてデザイナーさんに戻すと修正が多すぎるので追加費用と言われたと(初回の修正戻し)

みんなならどうする？
※自分も同じようなこと経験したことあるな

[Fukai Hiroki/ ENCHANT inc @webdshiro]

【案件断ることもあります】
相談内容：お問い合わせは来るけど、購入・CV率が悪いからリニューアルしたい。

業界によってはサイトより先に「返信速度」を直した方が売上に繋がることがあるため、弊社は一度サイト制作前に本当に原因がサイト側なのかの調査を行う。

2割くらいはこれで解決するかも？

[Fukai Hiroki/ ENCHANT inc @webdshiro]

噂の冷感ポンチョ気になってて試してみた

35℃以上の猛暑日とかで使うと☀️
サウナから冷水シャワー浴びてる感覚に近い
気持ちよさを感じて感動

夏のキャンプとか外フェスにはめっちゃよさそう！

[Fukai Hiroki/ ENCHANT inc @webdshiro]

ありがとうございます😭

[Claude @claudeai]

We're extending Claude Fable 5 access on all paid plans, as well as keeping Claude Code’s weekly rate limits 50% higher, through July 19.

[Fukai Hiroki/ ENCHANT inc @webdshiro]

AI活用ポータルを作るとき、
最も時間がかかったのはサイトの実装ではなく

・AIごとの違いを整理する
・似たプロンプトの重複をなくす
・初心者でも入力できる形にする
・実務で使える出力形式を決める
このあたりです。

実装は早いですが
「何を載せるべきか」の判断はむしろ重要な印象。

[Fukai Hiroki/ ENCHANT inc @webdshiro]

「AIならWebサイトを一瞬で作れる」
一瞬で作れるのは“最初の見た目”までです。

最低でも、
・文章の正確性
・導線設計
・アクセシビリティ
・SEO
・フォームの動作
・著作権や素材
の確認が必要。

AIで制作は速くなる。
確認まで不要になるわけではない。

「作る力」以上に「見極める力」が重要

[Fukai Hiroki/ ENCHANT inc @webdshiro]

AIのプロンプトやskills都度生成するのめんどくさい
そんな悩みを解決する、AIラボを公開しました！

主要12のAIから選べそのまま使える実務プロンプトを101件掲載。skillsも無料配布してます。

ChatGPT、Claude、Geminiなどの使い分けにも対応しています👇
https://t.co/DalRsr0JF9
※随時追加予定

[Fukai Hiroki/ ENCHANT inc @webdshiro]

「MOCKUP STUDIO」
最近AIで作ったツールやWEBサイトの紹介が増えているので、画面収録をブラウザやスマホのモックアップに埋め込み、動画として書き出せるツールを作りました。

紹介動画やSNS投稿、ポートフォリオ制作などにぜひ！
https://t.co/Ds5YDgtbfG

※使用イメージ動画

[Fukai Hiroki/ ENCHANT inc @webdshiro]

Figmaプラグイン　おすすめ5つ
1. Unsplash - 高品質画像即挿入
2. Iconify - アイコン無限
3. Content Reel - ダミーテキスト生成
4. Stark - アクセシビリティチェック
5. Remove BG - 背景削除

特にStarkは必須
コントラスト比を自動チェックしてくれる

[Fukai Hiroki/ ENCHANT inc @webdshiro]

Figmaのショートカット覚えるだけで時短になる

• R: 長方形
• O: 楕円
• T: テキスト
• K: スケール
• Cmd+D: 複製
• Cmd+G: グループ化
• Shift+A: Auto Layout
• Opt+ドラッグ: 複製移動

キーボードだけで完結できると超便利
おすすめです！

#Figma

[Fukai Hiroki/ ENCHANT inc @webdshiro]

CSS設計で迷ったら

🎯 BEM記法で命名規則を統一
🎯 コンポーネント単位で分割
🎯 変数で色や余白を管理

後から見てもわかりやすく🙏

#コーディング #CSS

[Fukai Hiroki/ ENCHANT inc @webdshiro]

WEB制作の提案で
私たちが大事にしていること。

「何を作るか」より
「作ったあと、どう変わるか」
を言語化する。

・業務が楽になる
・問い合わせが増える
・判断が早くなる

この未来を見せると
イメージがしやすく、説明も結びつきやすい。

[Fukai Hiroki/ ENCHANT inc @webdshiro]

【webデザイナー パートナー募集】
ホームページや採用サイト・LPなど、様々な業界の
ご実績があるWebデザイナーの方募集しております。
※直近相談案件あり

・レスポンス早く責任もって対応いただける方
・デザイン実務経験必須
・xdもしくはfigma

#Webデザイナー
#パートナー募集
#Webデザイン

[Fukai Hiroki/ ENCHANT inc @webdshiro]

Webデザイン・実装パートナー募集
レスポンス早く、責任を持って対応いただける方でしたら是非ご応募ください。

案件幅も広いため詳細は記載せず、お打ち合わせにて得意領域など伺わせてください。

ご応募はDMまで🙇‍♂️

#パートナー募集
#フロントエンド
#Web制作
#コーダー
#Webデザイナー募集

[Fukai Hiroki/ ENCHANT inc @webdshiro]

figmaでWebサイト作る人増えそうだけど
単価大幅に安く対応する人も増えそうだね
大きく変わっていきそう

1. Figma Sites：デザインからWebサイト公開までを一元化

2. Figma Draw：高度なベクター編集ツール

3. Grid：柔軟なレスポンシブレイアウト

4. Figma Buzz：ブランド資産の共有と生成

[Fukai Hiroki/ ENCHANT inc @webdshiro]

けっきょく、よはく。の本
改めて読み返しても学びが多すぎる

余白がもったいないから、情報をギュッと詰め込む
→ 結果：読まれない・伝わらない・離脱される。

実は、余白こそが“伝える力”。
大事な情報こそ、余白を使う

余白は“空白”じゃなくて“設計”

#Webデザイン #UIUX #Webデザイナー

[Fukai Hiroki/ ENCHANT inc @webdshiro]

【Webあるある】

「とりあえずカッコよく作る」は失敗のもと。
・誰に
・何を伝えて
・どう動いて欲しいのか
この3つを決めるだけで、制作の迷いは激減

×なんとなくおしゃれな画像をトップに
〇30代男性向けに“最短で成果が出る”というキャッチと実績を冒頭に

#Web制作 #Webデザイン #UIUX

[Fukai Hiroki/ ENCHANT inc @webdshiro]

【webデザインってむずかしい】
Webデザインは「おしゃれ」より「伝わる」が最優先。
色もレイアウトも、目的に合ってるか？を考えてデザインするのが大事。

“見た目がいい”だけでは、ユーザーは動かない。
でも見た目も大事だから難しいよね。

#Webデザイン #UIUX #Web制作

[Tomoya Okada / 4WIDE @__o_state]

🏷️個人制作
↪︎ マウスストーカージェネレーター(PCのみ対応)
..
ジェネレーター系で、マウスストーカーを扱ったものが見つからなかったので簡易的ではありますが作成してみました！
※既に良質なサイトがあるかもしれません。

マウスストーカーの実装をした事がない or 興味がある方々に向けての補助ツールとなれば良いなという思いから作成しました。
そんな方々に向けて、本サイトが届いて欲しいなと感じています！

▼利用場面について
以下のような時でも、本サイトが役立つかもしれません。
L 簡易的なマウスストーカーを導入したい時
L サンプルとして社内に共有したい時
L マウスストーカーの仕組みを学習したい時...など

▼備考
需要がありそうでしたら、ちょっとずつ改良・増築していこうと考えています。
..

▼URL
↪︎ https://t.co/5mGiy6Wtug

#Web制作