岩本 晟佑｜WEBコーダー

【制作実績】 自身のポートフォリオサイトを公開しました！ seisuke-iwamoto.com 制作期間：約1ヶ月半 担当：ディレクション / デザイン / コーディング 制作ツール：Figma / WordPress ▼概要 これまでポートフォリオはNotionで運用していましたが、正式なポートフォリオサイトとして作り直しました。 ▼ターゲット 制作会社・代理店さま（ディレクター/デザイナー/制作進行の方） ▼目的・ゴール ・トップを見た時に、得意領域と制作スタンスが伝わる ・実績→強み→問い合わせまで迷わず辿れる導線を作る ▼制作のポイント 「話が早そう」「進行がスムーズそう」と思ってもらえるよう、情報設計とライティングを調整しました。 お問い合わせのハードルが下がるよう、コミュニケーション面も伝わる書き方を意識しています。 これでもFBをいただいたので、かなりマシにはなりましたが、見事にコーダーっぽいデザインに仕上がりました笑 アニメーションはとにかく気持ちがよく、スクロール時にストレスが無いよう意識して実装しました。 ▼まとめ ワイヤーもデザインも初挑戦で、苦戦したところはありつつ、かなり勉強になりました。 トンマナやライティングまで含めて考えると、同じ内容でも伝わり方が変わるのを実感しました。 コーダー目線でデザインを作ったことで、デザイナーさんへの伝え方・確認ポイントの整理もできたのが大きな収穫でした。 ————————————————————— ご相談・お見積もりは無料です。 ポートフォリオのお問い合わせフォーム、 またはXのDMからお気軽にご連絡ください。 @seisuke_web —————————————————————

スタジアムで迷子なう（2日目）

迫力がハンパねぇ

スタジアム内で迷子なう

【ご報告】Kakuhan、カクトク認定パートナーに認定 通過率10%未満と言われる厳しい審査を通過し、営業のプロ認定をカクトク社よりいただきました！ 今後も「お客様に損をさせないアウトバウンド支援」を世に広げると共に「顧客満足度日本1位の営業代行会社」を目指し、より一層精進してまいります。 ▼プレスリリース prtimes.jp/main/html/rd/p…

【制作実績】 ポートフォリオサイトをリニューアルしました！ kenshin-terashima.com 制作期間：約2週間 担当：ディレクション / コーディング 制作ツール：Cursor ▼ターゲット 制作会社様・代理店様・ディレクター様 ▼概要 これまでのポートフォリオサイトはターゲットが明確でなく、情報も整理しきれていなかったため、制作会社様やディレクター様からお仕事のご相談をいただくことを目的に、構成・内容を見直してリニューアルしました。 ▼サイトの目的 「迷わずお問い合わせまで進んでもらうこと」を最優先に設計しています。余計な装飾や複雑な導線は避け、自分ができること・対応できる業務・実績・連絡方法がシンプルに伝わる構成にしました。 ▼制作のポイント 今回はデザインに時間をかけすぎないことを一つのテーマにして、Cursorを使ったAIコーディングを中心にサイトを制作しました。多くの方のポートフォリオサイトを参考にしながら、構成や文言を整理し、「制作会社が外注先を探すときに知りたい情報は何か」という視点で情報設計を行っています。 ▼まとめ 今回の制作はAIを活用した制作フローの検証も兼ねており、AIとの役割分担や進め方についてかなり学びの多い制作になりました。普段はFigmaでデザイン制作からコーディングまで一貫して対応しておりますが、今回のように短期間でLPや小規模サイトを制作するご相談も対応可能です。 ————————————————————— ご相談・お見積もりは無料です。 ポートフォリオのお問い合わせフォーム、 またはXのDMからお気軽にご連絡ください。 @kenshin_design_ —————————————————————

今後、案件をご一緒できる個人のデザイナー / エンジニアの方もゆるく募集しておりますので、お気軽にDMもしくは以下のフォームよりご連絡いただけたら嬉しいです！ 4wide.jp/contact/

お、Notion MCPつないだら、AIと壁打ちして発生したタスクそのままNotionに反映できるの便利かも ①Claudeで企画の壁打ち→タスク整理 ②そのままNotion MCPで既存の日報ページにチェックリスト一括登録 手作業で13日分のタスクをコピペで登録するの結構つらいので助かる

拡散いただいた皆さんありがとうございます🙏 引き続きHP制作のモニター募集しています！ まだ枠はありますので、 気になる方はお気軽にDMまでご連絡ください！

@MaroRiri_k ご拡散ありがとうございます🙇

お得だ！！！

@yamaya_seiji 秒で見つかると良いのですが…笑 ご拡散ありがとうございます🙇

たぶん秒でモニターさん見つかると思いますが せいすけさんへのリスペクトを示す目的もかねて。

@lamoneido ご拡散ありがとうございます🙇

ホームページ作りたい方はぜひ🙆‍♂️ 普段だったらコーディングだけでも10万で頼めないくらい人気のクリエイターさんなので、さすがにお得すぎる機会かと... 企画から入ってくれるのは頼みやすいですね👀

【秘書さん募集】 昨年末まで頼らせてもらっていた秘書さん。 ご自身の都合で契約終了となってました。 この3ヶ月、秘書さん無しで踏ん張ってきました。 が、やっぱり不安で仕方ありません。 というわけで募集します。 条件 ・3ヶ月に1回、都内で対面できる方 ・容赦無く、僕を人前で叱れる方

拡散していただけると嬉しいです🙏 HPを検討されてるなどのお知り合いがいらっしゃれば、ぜひご紹介ください！

■ 対象：HP新規制作 or リニューアル（LPや5ページ程度のサイトを想定） ■ 条件：制作実績としての公開がOKな方 ■ 募集枠：1〜2名様（法人・個人問わず）※決まり次第終了 制作については以下の流れになります。 ① DMやオンラインでヒアリング ② サイトの方向性・構成をご提案 ③ デザイン・制作・スマホ対応 ④ 確認・修正・公開 「こんなことできる？」といったご相談ベースでも構いません。 まずは現状をお聞かせください！

＼ HP制作モニター｜1〜2名限定 ／ これまで制作会社さんや代理店さんのサイト構築を担当させていただき、 約4年間で100件以上のサイトを制作してきました。 今回、企画・デザインから制作まで 丸ごと【10万円（税込）】でお受けします！ 実績として公開OKの方限定で特別な価格でのご案内です。 普段いただいているサイト構築費用を考慮すると継続できる価格ではないため、今回限りの募集です。 「HPが欲しいけど、どこに頼めばいいか分からない」 「今のサイトが古くなってきたけど、何から手をつければ…」 という方、Webの知識がなくても丁寧に伴走しますので、まずはお気軽にDMください！ ▼ ポートフォリオ seisuke-iwamoto.com 制作の条件や流れはスレッドにまとめています👇

これ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は「何を書くか」だけじゃないです。 「どこに置くか」で勝負が決まります。

【制作実績】
 
MIRAI WEB株式会社様のHP制作にて 
 デザインと実装を担当させていただきました。 

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

 ディレクション 澤田さん： @tanpopo_web 使用ツール： figma、Wordpress(SWELL) メディアに掲載された実績もお持ちの代表です。 経営に関してお悩みのある方は
 ぜひ一度ご相談してみてください！

@yokke4 サッカー小僧だった僕からすると光栄すぎるので、全力対応させていただきます🙇 オフラインでお会いできることも楽しみにしております！

うちの会社は既に、岩本先生に相談に乗ってもらっている！ 来月は初対面も控えておる！ 楽しみでしかない😆

📣制作実績｜シンボルマーク ガラス会社「GRiPS」様のシンボルマークを制作しました。 社名に込められた想い—— i は代表・石井さんの頭文字 S はチームで動く組織＝複数形 この背景をもとに、 “関係性”そのものをロゴの構造で表現することをテーマに設計。 頭文字「G」を抽象化し、 2つのGが噛み合い、強く握手する構造に。 さらに、一部をグレーに切り替えることでシンボル内にもう一つの「G」を成立させ、 同時に“S”が自然と浮かび上がる設計としています。 異なる立場や個が組み合わさることで生まれる、 協力・信頼・強固な結びつき—— その関係性を視覚的に落とし込みました。 造形は角を立てた直線的な構成とし、 力強さ・信頼性・実行力を前面に。 テキストロゴは既存を活かしつつ、 アイコンによって「GRiPSらしさ」を再定義しています。 本プロジェクトは、染谷さん @some_web_のご紹介・ディレクションのもと進行いたしました。 この場をお借りして、心より感謝申し上げます🙏 人と人をつなぐこのシンボルが、 GRiPS様の現場で生き続け、さらに多くのつながりを生んでいくことを願っています✨ #ロゴデザイン #シンボルマーク #ブランディング #デザイン制作