岩本 晟佑|WEBコーダー

1.4K posts

岩本 晟佑|WEBコーダー

岩本 晟佑|WEBコーダー

@seisuke_web

\デザインを正確かつ美しくかたちにします/ ホームページ・LP・WordPress・SWELL|公開作業まで対応可能|納品実績100件超|WEBコーダー5年目|ご依頼・ご相談は下記サイトのお問い合わせフォームまたはXのDMからお気軽にどうぞ📩

制作実績はポートフォリオサイトから Entrou em Eylül 2020
463 Seguindo719 Seguidores
Tweet fixado
岩本 晟佑|WEBコーダー
【制作実績】 自身のポートフォリオサイトを公開しました! seisuke-iwamoto.com 制作期間:約1ヶ月半 担当:ディレクション / デザイン / コーディング 制作ツール:Figma / WordPress ▼概要 これまでポートフォリオはNotionで運用していましたが、正式なポートフォリオサイトとして作り直しました。 ▼ターゲット 制作会社・代理店さま(ディレクター/デザイナー/制作進行の方) ▼目的・ゴール ・トップを見た時に、得意領域と制作スタンスが伝わる ・実績→強み→問い合わせまで迷わず辿れる導線を作る ▼制作のポイント 「話が早そう」「進行がスムーズそう」と思ってもらえるよう、情報設計とライティングを調整しました。 お問い合わせのハードルが下がるよう、コミュニケーション面も伝わる書き方を意識しています。 これでもFBをいただいたので、かなりマシにはなりましたが、見事にコーダーっぽいデザインに仕上がりました笑 アニメーションはとにかく気持ちがよく、スクロール時にストレスが無いよう意識して実装しました。 ▼まとめ ワイヤーもデザインも初挑戦で、苦戦したところはありつつ、かなり勉強になりました。 トンマナやライティングまで含めて考えると、同じ内容でも伝わり方が変わるのを実感しました。 コーダー目線でデザインを作ったことで、デザイナーさんへの伝え方・確認ポイントの整理もできたのが大きな収穫でした。 ————————————————————— ご相談・お見積もりは無料です。 ポートフォリオのお問い合わせフォーム、 またはXのDMからお気軽にご連絡ください。 @seisuke_web —————————————————————
日本語
8
38
661
119.2K
岩本 晟佑|WEBコーダー
この前コミュニティ内でClaude Code × Figma MCPのイベントをやらせてもらったんですが、ありがたいことに反応が良くて「外部向けにやってみてもいいんじゃない?」という声をもらったので、外部向けにイベント考え中です! 周りの発信見てるとめっちゃ使いこなしてる人ばっかりに見えるけど、意外と触れてない人も割といるのかなと思いつつ、全然需要ない可能性もありそう😇 Claude CodeやFigma MCPまだ触ってない/気になってるよって方いれば、いいねで教えてもらえると嬉しいです🙋 #ノンデザ
日本語
5
4
33
1.3K
岩本 晟佑|WEBコーダー retweetou
松田 直也 | 株式会社Kakuhan
【ご報告】Kakuhan、カクトク認定パートナーに認定 通過率10%未満と言われる厳しい審査を通過し、営業のプロ認定をカクトク社よりいただきました! 今後も「お客様に損をさせないアウトバウンド支援」を世に広げると共に「顧客満足度日本1位の営業代行会社」を目指し、より一層精進してまいります。 ▼プレスリリース prtimes.jp/main/html/rd/p…
日本語
0
4
12
441
岩本 晟佑|WEBコーダー retweetou
けんしん@愛嬌のいいWebデザイナー
【制作実績】 ポートフォリオサイトをリニューアルしました! kenshin-terashima.com 制作期間:約2週間 担当:ディレクション / コーディング 制作ツール:Cursor ▼ターゲット 制作会社様・代理店様・ディレクター様 ▼概要 これまでのポートフォリオサイトはターゲットが明確でなく、情報も整理しきれていなかったため、制作会社様やディレクター様からお仕事のご相談をいただくことを目的に、構成・内容を見直してリニューアルしました。 ▼サイトの目的 「迷わずお問い合わせまで進んでもらうこと」を最優先に設計しています。余計な装飾や複雑な導線は避け、自分ができること・対応できる業務・実績・連絡方法がシンプルに伝わる構成にしました。 ▼制作のポイント 今回はデザインに時間をかけすぎないことを一つのテーマにして、Cursorを使ったAIコーディングを中心にサイトを制作しました。多くの方のポートフォリオサイトを参考にしながら、構成や文言を整理し、「制作会社が外注先を探すときに知りたい情報は何か」という視点で情報設計を行っています。 ▼まとめ 今回の制作はAIを活用した制作フローの検証も兼ねており、AIとの役割分担や進め方についてかなり学びの多い制作になりました。普段はFigmaでデザイン制作からコーディングまで一貫して対応しておりますが、今回のように短期間でLPや小規模サイトを制作するご相談も対応可能です。 ————————————————————— ご相談・お見積もりは無料です。 ポートフォリオのお問い合わせフォーム、 またはXのDMからお気軽にご連絡ください。 @kenshin_design_ —————————————————————
日本語
0
2
34
3.9K
岩本 晟佑|WEBコーダー retweetou
Tomoya Okada
Tomoya Okada@__o_state·
今後、案件をご一緒できる個人のデザイナー / エンジニアの方もゆるく募集しておりますので、お気軽にDMもしくは以下のフォームよりご連絡いただけたら嬉しいです! 4wide.jp/contact/
日本語
4
10
102
9K
岩本 晟佑|WEBコーダー
お、Notion MCPつないだら、AIと壁打ちして発生したタスクそのままNotionに反映できるの便利かも ①Claudeで企画の壁打ち→タスク整理 ②そのままNotion MCPで既存の日報ページにチェックリスト一括登録 手作業で13日分のタスクをコピペで登録するの結構つらいので助かる
日本語
0
0
7
270
岩本 晟佑|WEBコーダー retweetou
山家誠司⛰️オフィス山家/パーソナルウェイ株式会社
【秘書さん募集】 昨年末まで頼らせてもらっていた秘書さん。 ご自身の都合で契約終了となってました。 この3ヶ月、秘書さん無しで踏ん張ってきました。 が、やっぱり不安で仕方ありません。 というわけで募集します。 条件 ・3ヶ月に1回、都内で対面できる方 ・容赦無く、僕を人前で叱れる方
日本語
0
7
24
1.5K
岩本 晟佑|WEBコーダー
拡散していただけると嬉しいです🙏 HPを検討されてるなどのお知り合いがいらっしゃれば、ぜひご紹介ください!
日本語
0
0
2
243
岩本 晟佑|WEBコーダー
■ 対象:HP新規制作 or リニューアル(LPや5ページ程度のサイトを想定) ■ 条件:制作実績としての公開がOKな方 ■ 募集枠:1〜2名様(法人・個人問わず)※決まり次第終了 制作については以下の流れになります。 ① DMやオンラインでヒアリング ② サイトの方向性・構成をご提案 ③ デザイン・制作・スマホ対応 ④ 確認・修正・公開 「こんなことできる?」といったご相談ベースでも構いません。 まずは現状をお聞かせください!
日本語
1
0
2
439
岩本 晟佑|WEBコーダー
\ HP制作モニター|1〜2名限定 / これまで制作会社さんや代理店さんのサイト構築を担当させていただき、 約4年間で100件以上のサイトを制作してきました。 今回、企画・デザインから制作まで 丸ごと【10万円(税込)】でお受けします! 実績として公開OKの方限定で特別な価格でのご案内です。 普段いただいているサイト構築費用を考慮すると継続できる価格ではないため、今回限りの募集です。 「HPが欲しいけど、どこに頼めばいいか分からない」 「今のサイトが古くなってきたけど、何から手をつければ…」 という方、Webの知識がなくても丁寧に伴走しますので、まずはお気軽にDMください! ▼ ポートフォリオ seisuke-iwamoto.com 制作の条件や流れはスレッドにまとめています👇
岩本 晟佑|WEBコーダー tweet media
日本語
1
12
32
4.3K
岩本 晟佑|WEBコーダー retweetou
じきるう GIG
じきるう GIG@zikilluu·
これSEO担当者は知らないとヤバイです。 ⠀ 2時間前に公開されたGoogle公式ブログで改めて明言されましたが、HTMLは「最初の2MBしか読まれません」。 ⠀ つまり何が起きるかというと…… ⠀ ■ 事実 ・GooglebotはHTMLを最大2MBまでしか取得しない ・2MBを超えた部分は クロールもレンダリングもされない ・後ろにあるコンテンツは「存在しない扱い」になる ⠀ ■ よくある事故 ・ナビゲーションや装飾でHTMLが肥大 ・本文が下に押し出される ・構造化データがフッターにある → 全部「Googleに見えてない」可能性あります ⠀ ■ さらに怖いポイント ・JSも取得された範囲しか実行されない ・SPAで後から読み込むコンテンツは普通に無視される → 表示されていても、Googlebot的には存在しない扱い ⠀ ■ SEOでやるべきこと ⭐️ 重要なものは「上に置く」 ・title / meta / canonical ・構造化データ ・本文 ⭐️ HTMLを軽くする ・インラインCSS/JSを削減 ・base64画像をやめる ・DOMを減らす ⭐️ JS依存を減らす ・SSR or SSGにする ・初期HTMLにコンテンツを含める ⠀ ■ 結論 SEOは「何を書くか」だけじゃないです。 「どこに置くか」で勝負が決まります。
じきるう GIG tweet media
日本語
13
232
1.6K
277.4K
岩本 晟佑|WEBコーダー retweetou
ちひろ | WEBクリエイター
ちひろ | WEBクリエイター@happiris_design·
【制作実績】
 
MIRAI WEB株式会社様のHP制作にて 
 デザインと実装を担当させていただきました。 

 MIRAI WEB株式会社様は、 経営者向けのビジネス研修などを行ない、 事業を成功に導くコンサルなどを行なっている会社様です。 今回制作したサイトは、 本の出版に合わせて事業内容をわかりやすくまとめたサイトです。
 会社の強みや選ばれる特徴が視覚的にも伝わりやすくなるよう工夫しました。 

 ディレクション 澤田さん: @tanpopo_web 使用ツール: figma、Wordpress(SWELL) メディアに掲載された実績もお持ちの代表です。 経営に関してお悩みのある方は
 ぜひ一度ご相談してみてください!
ちひろ | WEBクリエイター tweet media
日本語
1
3
24
952
岩本 晟佑|WEBコーダー
@yokke4 サッカー小僧だった僕からすると光栄すぎるので、全力対応させていただきます🙇 オフラインでお会いできることも楽しみにしております!
日本語
1
0
1
71