Odoo Web Design Services 101: Site Map and Wireframing

<!DOCTYPE html> <html lang="ja-JP" data-website-id="1" data-main-object="blog.post(1122,)" data-add2cart-redirect="1">  <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="mobile-web-app-capable" content="yes"/> <meta name="generator" content="Odoo"/> <meta name="google-site-verification" content="pgjyH0qvN69B0m_HrTKV6h8TVnbRXp5etEHo19unPy4"/> <meta name="description" content="Odoo's Web Design Service (WDS) tailors a high-performance webpage to serve your online customers and seamlessly connects to your full-featured Odoo backend system to support your team. "/> <meta name="keywords" content="web design,odoo web design,odoo web design services,site map,wireframe,site mapping,wireframing,odoo wds"/> <meta property="og:type" content="article"/> <meta property="og:title" content="Odoo Web Design Services 101: Site Map and Wireframing"/> <meta property="og:site_name" content="Odoo"/> <meta property="og:url" content="https://www.odoo.com/ja_JP/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <meta property="og:image" content="https://www.odoo.com/web/image/40327150-f3740c9b/Screenshot_2023-09-20_at_09.49.45.png"/> <meta property="og:description" content="Odoo's Web Design Service (WDS) tailors a high-performance webpage to serve your online customers and seamlessly connects to your full-featured Odoo backend system to support your team. "/> <meta property="article:published_time" content="2023-09-27 09:51:17"/> <meta property="article:modified_time" content="2023-09-27 10:01:59.349481"/> <meta property="article:tag" content="Apac"/> <meta property="article:tag" content="Asia"/> <meta property="article:tag" content="Manufacturing"/> <meta property="article:tag" content="Marketing & Advertising"/> <meta property="article:tag" content="Oceania"/> <meta property="article:tag" content="Odoo Online"/> <meta property="article:tag" content="Odoo.sh"/> <meta property="article:tag" content="On-Premise"/> <meta property="article:tag" content="Retail"/> <meta property="article:tag" content="Services"/> <meta property="article:tag" content="Web Design Services"/> <meta property="article:tag" content="eCommerce"/> <meta property="article:tag" content="implementation"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Odoo Web Design Services 101: Site Map and Wireframing"/> <meta name="twitter:image" content="https://www.odoo.com/web/image/40327150-f3740c9b/Screenshot_2023-09-20_at_09.49.45.png"/> <meta name="twitter:site" content="@odoo"/> <meta name="twitter:description" content="Odoo's Web Design Service (WDS) tailors a high-performance webpage to serve your online customers and seamlessly connects to your full-featured Odoo backend system to support your team. "/> <link rel="alternate" hreflang="ar" href="https://www.odoo.com/ar/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="zh" href="https://www.odoo.com/zh_CN/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="zh-tw" href="https://www.odoo.com/zh_TW/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="cs" href="https://www.odoo.com/cs_CZ/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="nl" href="https://www.odoo.com/nl_NL/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="en" href="https://www.odoo.com/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="fi" href="https://www.odoo.com/fi_FI/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="fr" href="https://www.odoo.com/fr_FR/blog/trucs-et-astuces-pour-les-entreprises-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="de" href="https://www.odoo.com/de_DE/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="id" href="https://www.odoo.com/id_ID/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="it" href="https://www.odoo.com/it_IT/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="ja" href="https://www.odoo.com/ja_JP/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="ko" href="https://www.odoo.com/ko_KR/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="pl" href="https://www.odoo.com/pl_PL/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="pt" href="https://www.odoo.com/pt_BR/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="ro" href="https://www.odoo.com/ro_RO/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="ru" href="https://www.odoo.com/ru_RU/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="sk" href="https://www.odoo.com/sk_SK/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="sl" href="https://www.odoo.com/sl_SI/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="es" href="https://www.odoo.com/es/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="es-es" href="https://www.odoo.com/es_ES/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="th" href="https://www.odoo.com/th_TH/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="tr" href="https://www.odoo.com/tr_TR/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="uk" href="https://www.odoo.com/uk_UA/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="vi" href="https://www.odoo.com/vi_VN/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="alternate" hreflang="x-default" href="https://www.odoo.com/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="canonical" href="https://www.odoo.com/ja_JP/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122"/> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/> <title>Odoo Web Design Services 101: Site Map and Wireframing</title> <link type="image/x-icon" rel="shortcut icon" href="https://odoocdn.com/web/image/website/1/favicon?unique=c506dd5"/> <link rel="preload" href="https://odoocdn.com/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/> <link type="text/css" rel="stylesheet" href="https://odoocdn.com/web/assets/1/970ea74/web.assets_frontend.min.css"/> <script id="web.layout.odooscript" type="text/javascript"> var odoo = { csrf_token: "81560abd05e9115b4228d1b79c4857c45f2839e8o1763960095", debug: "", }; </script> <script type="text/javascript"> odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_website_user": true, "uid": null, "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"137": {"symbol": "AED", "position": "after", "digits": [69, 2]}, "19": {"symbol": "ARS", "position": "after", "digits": [69, 2]}, "21": {"symbol": "AUD", "position": "after", "digits": [69, 2]}, "59": {"symbol": "\u09f3", "position": "after", "digits": [69, 2]}, "27": {"symbol": "\u043b\u0432", "position": "after", "digits": [69, 2]}, "6": {"symbol": "R$", "position": "before", "digits": [69, 2]}, "4": {"symbol": "CAD", "position": "after", "digits": [69, 2]}, "5": {"symbol": "CHF", "position": "after", "digits": [69, 2]}, "7": {"symbol": "CNY", "position": "after", "digits": [69, 2]}, "194": {"symbol": "K\u010d", "position": "after", "digits": [69, 2]}, "10": {"symbol": "kr", "position": "after", "digits": [69, 2]}, "80": {"symbol": "E\u00a3", "position": "after", "digits": [69, 2]}, "1": {"symbol": "\u20ac", "position": "after", "digits": [69, 2]}, "18": {"symbol": "GBP", "position": "after", "digits": [69, 2]}, "25": {"symbol": "HK$", "position": "after", "digits": [69, 2]}, "31": {"symbol": "kn", "position": "after", "digits": [69, 2]}, "193": {"symbol": "Rp", "position": "after", "digits": [69, 2]}, "20": {"symbol": "Rs", "position": "after", "digits": [69, 2]}, "26": {"symbol": "\u00a5", "position": "after", "digits": [69, 2]}, "100": {"symbol": "KSh", "position": "after", "digits": [69, 2]}, "34": {"symbol": "\u20a9", "position": "after", "digits": [69, 2]}, "116": {"symbol": " \u062f.\u0645", "position": "after", "digits": [69, 2]}, "115": {"symbol": "\u20ae", "position": "after", "digits": [69, 2]}, "44": {"symbol": "Rs", "position": "after", "digits": [69, 2]}, "35": {"symbol": "Mex$", "position": "before", "digits": [69, 2]}, "36": {"symbol": "RM", "position": "after", "digits": [69, 2]}, "183": {"symbol": "kr", "position": "before", "digits": [69, 2]}, "37": {"symbol": "$", "position": "after", "digits": [69, 2]}, "38": {"symbol": "Php", "position": "after", "digits": [69, 2]}, "171": {"symbol": "Rs.", "position": "after", "digits": [69, 2]}, "16": {"symbol": "z\u0142", "position": "after", "digits": [69, 2]}, "166": {"symbol": "QR", "position": "after", "digits": [69, 2]}, "30": {"symbol": "kr", "position": "after", "digits": [69, 2]}, "158": {"symbol": "SR", "position": "after", "digits": [69, 2]}, "178": {"symbol": "kr", "position": "after", "digits": [69, 2]}, "39": {"symbol": "$", "position": "after", "digits": [69, 2]}, "40": {"symbol": "\u0e3f", "position": "after", "digits": [69, 2]}, "141": {"symbol": "DT", "position": "after", "digits": [69, 2]}, "146": {"symbol": "NT$", "position": "after", "digits": [69, 2]}, "2": {"symbol": "US$", "position": "before", "digits": [69, 2]}, "24": {"symbol": "\u20ab", "position": "after", "digits": [69, 2]}, "41": {"symbol": "R", "position": "after", "digits": [69, 2]}}, "bundle_params": {"lang": "en_US", "website_id": 1}, "test_mode": false, "websocket_worker_version": "18.0-2", "translationURL": "/website/translations", "cache_hashes": {"translations": "9201bd0bef03f145f7b14f7460359306e1b65a77"}, "recaptcha_public_key": "6Ldp7rgUAAAAAJF-NZ6k-y0HGEPozP3SeROO_z7F", "geoip_country_code": "SG", "geoip_phone_code": 65, "lang_url_code": "ja_JP", "turnstile_site_key": "0x4AAAAAAADwqVOUIWCeR_H8"}; if (!/(^|;\s)tz=/.test(document.cookie)) { const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone; document.cookie = `tz=${userTZ}; path=/`; } </script> <script type="text/javascript" defer="defer" src="https://odoocdn.com/web/assets/1/49c06ce/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script> <script type="text/javascript" defer="defer" data-src="https://odoocdn.com/web/assets/1/c3f323f/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script> <script> if (!window.odoo) { window.odoo = {}; } odoo.__session_info__ = Object.assign(odoo.__session_info__ || {}, { websocket_worker_version: "18.0-2", livechatData: { isAvailable: false, serverUrl: "https://www.odoo.com", options: {}, }, }); </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} </script> <noscript> <style> /* Prevent animated elements hiding */ .o_animate_in_children > * { opacity: 1!important; -webkit-transform: scale(1)!important; -ms-transform: scale(1)!important; transform: scale(1)!important; } </style> </noscript> </head> <body> <div id="wrapwrap" class=" o_single_post "> <a class="o_skip_to_content btn btn-primary rounded-0 visually-hidden-focusable position-absolute start-0" href="#wrap">コンテンツへスキップ</a> <header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="追加アイテムボタン" class=" o_no_autohide_menu o_affix_enabled o_header_fixed o_header_fade_out o_main_header o_inverted o_not_editable" style=" "> <div class="o_main_header_main top_menu" id="top_menu"> <a class="float-start o_logo" href="/ja_JP"><span class="visually-hidden sr-only">Odoo</span></a> <a href="#" role="button" class="o_mobile_menu_toggle d-inline-block d-md-none"> <i class="fa fa-bars" focusable="false"></i><span class="visually-hidden sr-only">メニュー</span> </a> <ul class="o_header_buttons list-unstyled"> <li class="nav-item d-md-none"> <a class="nav-link text-whatsapp ps-0" href="https://wa.me/85264491993"> <i class="fa fa-whatsapp fs-4 align-middle mt-n1 me-2"></i><small>WhatsApp</small> </a> </li> <li class="o_wsale_my_cart nav-item me-lg-0 d-none"> <a href="/ja_JP/shop/cart" class="nav-link px-1" aria-label="Shopping Cart"> <i class="fa fa-shopping-cart"></i><sup class="my_cart_quantity rounded-pill bg-o-color-1 ms-1 py-1 px-2"></sup> </a> </li> <li class="nav-item o_no_autohide_item"> <a href="/web/login" class="nav-link">サインイン</a> </li> <li class="nav-item o_no_autohide_item"><a class="btn btn-primary btn-sm text-nowrap trial_link" href="/ja_JP/trial">無料で15日試す</a> </li> </ul> <ul class="o_primary_nav"> <li class="dropdown"> <a href="#" aria-label="アプリ：ドロップダウンメニューを使ってアプリを切り替わる" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false" class="dropdown-toggle">アプリ</a> <div class="start-0 dropdown-menu o_secondary_nav" data-bs-parent="o_primary_nav"> <div class="container"> <div class="row"> <div class="col-md-3 o_finance_apps "> <div class="o_nav_app_family">財務</div> <ul> <li><a class="dropdown-item" href="/ja_JP/app/accounting">会計</a></li> <li><a class="dropdown-item" href="/ja_JP/app/invoicing">請求管理</a></li> <li><a class="dropdown-item" href="/ja_JP/app/expenses">経費</a></li> <li><a class="dropdown-item" href="/ja_JP/app/spreadsheet">スプレッドシート（BI）</a></li> <li><a class="dropdown-item" href="/ja_JP/app/documents">ドキュメント管理</a></li> <li><a class="dropdown-item" href="/ja_JP/app/sign">署名</a></li> </ul> </div> <div class="col-md-3 o_sale_apps "> <div class="o_nav_app_family">販売</div> <ul> <li><a class="dropdown-item" href="/ja_JP/app/crm">CRM</a></li> <li><a class="dropdown-item" href="/ja_JP/app/sales">販売</a></li> <li><a class="dropdown-item" href="/ja_JP/app/point-of-sale-shop">POS店舗</a></li> <li><a class="dropdown-item" href="/ja_JP/app/point-of-sale-restaurant">POSレストラン</a></li> <li><a class="dropdown-item" href="/ja_JP/app/subscriptions">サブスクリプション</a></li> <li><a class="dropdown-item" href="/ja_JP/app/rental">レンタル</a></li> </ul> </div> <div class="col-md-3 o_website_apps "> <div class="o_nav_app_family">ウェブサイト</div> <ul> <li><a class="dropdown-item" href="/ja_JP/app/website">ウェブサイトビルダー</a></li> <li><a class="dropdown-item" href="/ja_JP/app/ecommerce">eコマース</a></li> <li><a class="dropdown-item" href="/ja_JP/app/blog">ブログ</a></li> <li><a class="dropdown-item" href="/ja_JP/app/forum">フォーラム</a></li> <li><a class="dropdown-item" href="/ja_JP/app/live-chat">ライブチャット</a></li> <li><a class="dropdown-item" href="/ja_JP/app/elearning">eラーニング</a></li> </ul> </div> <div class="col-md-3 o_inventory_apps "> <div class="o_nav_app_family">サプライチェーン</div> <ul> <li><a class="dropdown-item" href="/ja_JP/app/inventory">在庫</a></li> <li><a class="dropdown-item" href="/ja_JP/app/manufacturing">製造</a></li> <li><a class="dropdown-item" href="/ja_JP/app/plm">製品ライフサイクル管理 (PLM)</a></li> <li><a class="dropdown-item" href="/ja_JP/app/purchase">購買</a></li> <li><a class="dropdown-item" href="/ja_JP/app/maintenance">整備</a></li> <li><a class="dropdown-item" href="/ja_JP/app/quality">品質</a></li> </ul> </div> </div> <div class="row"> <div class="col-md-3 o_hr_apps "> <div class="o_nav_app_family">人事業務</div> <ul> <li><a class="dropdown-item" href="/ja_JP/app/employees">従業員管理</a></li> <li><a class="dropdown-item" href="/ja_JP/app/recruitment">採用</a></li> <li><a class="dropdown-item" href="/ja_JP/app/time-off">休暇管理</a></li> <li><a class="dropdown-item" href="/ja_JP/app/appraisals">人事評価</a></li> <li><a class="dropdown-item" href="/ja_JP/app/referrals">紹介</a></li> <li><a class="dropdown-item" href="/ja_JP/app/fleet">フリート</a></li> </ul> </div> <div class="col-md-3 o_marketing_apps "> <div class="o_nav_app_family">マーケティング</div> <ul> <li><a class="dropdown-item" href="/ja_JP/app/social-marketing">ソーシャルマーケティング</a></li> <li><a class="dropdown-item" href="/ja_JP/app/email-marketing">メールマーケティング</a></li> <li><a class="dropdown-item" href="/ja_JP/app/sms-marketing">SMSマーケティング</a></li> <li><a class="dropdown-item" href="/ja_JP/app/events">イベント</a></li> <li><a class="dropdown-item" href="/ja_JP/app/marketing-automation">マーケティングオートメーション</a></li> <li><a class="dropdown-item" href="/ja_JP/app/surveys">アンケート調査</a></li> </ul> </div> <div class="col-md-3 o_services_apps "> <div class="o_nav_app_family">サービス</div> <ul> <li><a class="dropdown-item" href="/ja_JP/app/project">プロジェクト管理</a></li> <li><a class="dropdown-item" href="/ja_JP/app/timesheet">タイムシート</a></li> <li><a class="dropdown-item" href="/ja_JP/app/field-service">フィールドサービス</a></li> <li><a class="dropdown-item" href="/ja_JP/app/helpdesk">ヘルプデスク</a></li> <li><a class="dropdown-item" href="/ja_JP/app/planning">計画</a></li> <li><a class="dropdown-item" href="/ja_JP/app/appointments">アポイントメント</a></li> </ul> </div> <div class="col-md-3 o_productivity_apps "> <div class="o_nav_app_family">生産性向上ツール</div> <ul> <li><a class="dropdown-item" href="/ja_JP/app/discuss">ディスカッション</a></li> <li><a class="dropdown-item" href="/ja_JP/app/approvals">承認</a></li> <li><a class="dropdown-item" href="/ja_JP/app/iot">IoT</a></li> <li><a class="dropdown-item" href="/ja_JP/app/voip">VoIP</a></li> <li><a class="dropdown-item" href="/ja_JP/app/knowledge">ナレッジベース</a></li> <li><a class="dropdown-item" href="/ja_JP/app/whatsapp">WhatsApp</a></li> </ul> </div> </div> </div> <span class="o_store_link d-md-flex justify-content-md-center"> <a class="mx-md-3 px-3 dropdown-item" href="https://apps.odoo.com/apps/modules"><i class="fa fa-cube fa-fw me-2"></i>サードパーティアプリ</a> <a class="mx-md-3 px-3 dropdown-item" href="/ja_JP/app/studio"><i class="fa fa-pencil fa-fw me-2"></i>Odooスタジオ</a> <a href="https://www.odoo.sh" class="mx-md-3 px-3"><i class="fa fa-cloud fa-fw me-2"></i>Odooクラウドプラットホーム</a> </span> </div> </li> <li class="dropdown"> <a href="#" aria-label="インダストリー: ドロップダウンメニューからインダストリー関連ページへのリンクを見つけてください。" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false" class="dropdown-toggle">インダストリー</a> <div class="start-0 dropdown-menu o_secondary_nav" data-bs-parent="o_primary_nav"> <div class="container"> <div class="row"> <div class="col-md-3 o_retail_industries "> <div class="o_nav_ind_family">小売</div> <ul> <li><a class="dropdown-item" href="/ja_JP/industries/book-store">書店</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/clothing-store">衣料品店</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/hardware-shop">金物店</a></li> </ul> </div> <div class="col-md-3 o_services_industries "> <div class="o_nav_ind_family">サービス</div> <ul> <li><a class="dropdown-item" href="/ja_JP/industries/odoo-partner">Odooパートナー</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/real-estate">不動産</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/talent-acquisition">人材派遣</a></li> </ul> </div> <div class="col-md-3 o_hospitality_industries "> <div class="o_nav_ind_family">ホスピタリティ</div> <ul> <li><a class="dropdown-item" href="/ja_JP/industries/bar-pub">バー・パブ</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/fast-food">ファストフード</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/fine-dining-restaurant">ファインダイニングレストラン</a></li> </ul> </div> <div class="col-md-3 o_health_industries "> <div class="o_nav_ind_family">ヘルス & フィットネス</div> <ul> <li><a class="dropdown-item" href="/ja_JP/industries/fitness-center">フィットネスセンター</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/sports-club">スポーツクラブ</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/wellness-practitioners">ウェルネス専門家</a></li> </ul> </div> </div> <div class="row"> <div class="col-md-3 o_supply_chain_industries "> <div class="o_nav_ind_family">サプライチェーン</div> <ul> <li><a class="dropdown-item" href="/ja_JP/industries/beverage-distributor">飲料販売代理店</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/corporate-gifts">コーポレートギフト</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/custom-furniture-production">オーダーメイド家具製作</a></li> </ul> </div> <div class="col-md-3 o_construction_industries "> <div class="o_nav_ind_family">建設</div> <ul> <li><a class="dropdown-item" href="/ja_JP/industries/construction">建設</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/gardening">造園</a></li> <li><a class="dropdown-item" href="/ja_JP/industries/solar-energy">太陽エネルギー</a></li> </ul> </div> <div class="col-md-6 x_wd d-none d-lg-flex align-self-end"> <img src="https://odoocdn.com/openerp_website/static/src/img/arrows/grey_arrow_sm_02.svg" height="40px" class="rotate-70 me-3 mt-3 mb-n2" alt="" loading="lazy"/> <div class="display-6 text-primary">...and many more!</div> </div> </div> </div> <span class="o_store_link d-md-flex justify-content-md-center"> <a class="mx-md-3 px-3 dropdown-item" href="/ja_JP/trial?industry"><i class="fa fa-cube fa-fw me-2"></i>すべてのインダストリーを見る</a> </span> </div> </li> <li class="dropdown"> <a href="#" aria-label="コミュニティー：ドロップダウンメニューでコミュニティー関連ページリンクを探す" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false" class="dropdown-toggle">コミュニティ</a> <div class="start-0 dropdown-menu o_secondary_nav pb-0" data-bs-parent="o_primary_nav"> <div class="container"> <div class="row"> <div class="col-md-3 o_learn_com"> <div class="o_nav_com_family">学ぶ</div> <ul> <li><a class="dropdown-item" href="/ja_JP/slides/all/tag/odoo-tutorials-9">チュートリアル</a></li> <li><a class="dropdown-item" href="/ja_JP/page/docs">ドキュメント</a></li> <li><a class="dropdown-item" href="/ja_JP/slides/all?slide_category=certification">認定</a></li> <li><a class="dropdown-item" href="/ja_JP/training-events">トレーニング</a></li> <li><a class="dropdown-item" href="https://www.odoo.fm" target="_blank">ポッドキャスト</a></li> </ul> <div class="o_nav_com_family mt-lg-5">教育サポート</div> <ul> <li><a class="dropdown-item" href="/ja_JP/education/program">教育プログラム</a></li> <li><a class="dropdown-item" href="/ja_JP/education/scale-up-business-game">Scale Up! ビジネスゲーム</a></li> <li><a class="dropdown-item" href="/ja_JP/education/visit-odoo">Odooオフィス訪問</a></li> </ul> </div> <div class="col-md-3 o_software_com"> <div class="o_nav_com_family">ソフトを入手</div> <ul> <li><a class="dropdown-item" href="/ja_JP/page/download">ダウンロード</a></li> <li><a class="dropdown-item" href="/ja_JP/page/editions">エディションを比較</a></li> <li><a class="dropdown-item" href="/ja_JP/page/release-notes">リリース</a></li> </ul> </div> <div class="col-md-3 o_collab_com"> <div class="o_nav_com_family">コラボレーション</div> <ul> <li><a class="dropdown-item" href="https://github.com/odoo">Github</a></li> <li><a class="dropdown-item" href="/ja_JP/forum/help-1">フォーラム</a></li> <li><a class="dropdown-item" href="/ja_JP/events">イベント</a></li> <li><a class="dropdown-item" href="https://github.com/odoo/odoo/wiki/Translations">翻訳</a></li> </ul> <ul class="pt-lg-3"> <li><a class="dropdown-item" href="/ja_JP/become-a-partner">パートナーになる</a></li> <li><a class="dropdown-item" href="/ja_JP/accounting-firms/register">会計事務所を登録</a></li> </ul> </div> <div class="col-md-3 o_services_com"> <div class="o_nav_com_family">サービス利用</div> <ul> <li><a class="dropdown-item" href="/ja_JP/partners">パートナー一覧</a></li> <li><a class="dropdown-item" href="/ja_JP/accounting-firms">会計事務所一覧</a></li> </ul> <ul class="pt-lg-3"> <li><div class="o_schedule_demo "> <a target="_blank" href="/ja_JP/appointment?filter_appointment_type_ids=5542&filter_appointment_type_ids=5543&filter_appointment_type_ids=4497" class="dropdown-item text-start"> 製品デモを予約する </a> </div> </li> <li><a class="dropdown-item" href="/ja_JP/blog/customer-reviews-6">お客様一覧</a></li> </ul> <ul class="pt-lg-3"> <li><a class="dropdown-item" href="/ja_JP/pricing-packs">導入サービス</a></li> <li><a class="dropdown-item" href="/ja_JP/page/developers-on-demand">開発サービス</a></li> <li><a class="dropdown-item" href="/ja_JP/help">サポート</a></li> <li><a class="dropdown-item" href="//upgrade.odoo.com">アップグレード</a></li> </ul> </div> </div> </div> <span class="o_header_social"> <div class="social_icons"> <a target="_blank" href="https://github.com/odoo/odoo" class="d-inline dropdown-item"><i class="fa fa-fw fa-github" focusable="false"></i><span class="visually-hidden sr-only">Github</span></a> <a target="_blank" href="https://www.youtube.com/channel/UCkQPikELWZFLgQNHd73jkdg" class="d-inline dropdown-item"><i class="fa fa-fw fa-youtube-play" focusable="false"></i><span class="visually-hidden sr-only">Youtube</span></a> <a target="_blank" href="https://twitter.com/Odoo" class="d-inline dropdown-item"><i class="fa fa-fw fa-twitter" focusable="false"></i><span class="visually-hidden sr-only">Twitter</span></a> <a target="_blank" href="https://www.linkedin.com/company/odoo" class="d-inline dropdown-item"><i class="fa fa-fw fa-linkedin" focusable="false"></i><span class="visually-hidden sr-only">Linkedin</span></a> <a target="_blank" href="https://www.instagram.com/odoo.official" class="d-inline dropdown-item"><i class="fa fa-fw fa-instagram" focusable="false"></i><span class="visually-hidden sr-only">Instagram</span></a> <a target="_blank" href="https://www.facebook.com/odoo" class="d-inline dropdown-item"><i class="fa fa-fw fa-facebook" focusable="false"></i><span class="visually-hidden sr-only">Facebook</span></a> <a target="_blank" href="https://www.tiktok.com/@odoo" class="d-inline dropdown-item"> <svg xmlns="http://www.w3.org/2000/svg" style="width: 15px; margin-top: -3px;" class="custom-tiktok" viewBox="0 0 2859 3333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"><path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"></path></svg> </a> <a target="_blank" href="//podcast.odoo.com" class="d-inline dropdown-item"><i class="fa fa-fw fa-spotify" focusable="false"></i><span class="visually-hidden sr-only">Spotify</span></a> </div> <div> <a class="d-inline dropdown-item" href="tel:+3222903490"><i class="fa fa-phone text-muted me-1"></i>+32 2 290 34 90</a> <a target="_blank" class="d-inline dropdown-item" href="https://wa.me/85264491993"><i class="fa fa-whatsapp me-1"></i> WhatsAppでお問合わせ</a><div class="o_schedule_demo w-auto"> <a target="_blank" href="/ja_JP/appointment?filter_appointment_type_ids=5542&filter_appointment_type_ids=5543&filter_appointment_type_ids=4497" class="dropdown-item d-inline text-start"> <i class="fa fa-calendar text-muted"></i> デモ </a> </div> </div> </span> </div> </li> <li><a href="/ja_JP/pricing">料金</a></li> <li><a href="/ja_JP/contactus">お問合せ</a></li> </ul> </div> </header> <main> <div id="wrap" class="js_blog website_blog o_single_blog o_wblog_cover_post"> <section id="o_wblog_post_top"> <div id="title" class="blog_header"> <div data-name="ブログポストカバー" style="" data-use_size="True" data-use_filters="True" data-res-model="blog.post" data-res-id="1122" class="o_record_cover_container d-flex flex-column h-100 o_colored_level o_cc o_cc3 o_cc o_half_screen_height o_record_has_cover o_wblog_post_page_cover"> <div style="background-image: url(https://odoocdn.com/web/image/40263767-5f73247c/pexels-monoar-rahman-109371.jpg);" class="o_record_cover_component o_record_cover_image o_we_snippet_autofocus"></div> <div class="o_record_cover_component o_record_cover_filter oe_black" style="opacity: 0.2;"></div> <div class="container text-center position-relative h-100 d-flex flex-column flex-grow-1 justify-content-around"> <div class="o_wblog_post_title js_comment"> <h1 id="o_wblog_post_name" class="o_editable_no_shadow" data-oe-expression="blog_post.name" placeholder="ブログ投稿タイトル" data-blog-id="1122">Odoo Web Design Services 101: Site Map and Wireframing</h1> </div> <a id="o_wblog_post_content_jump" href="#o_wblog_post_main" class="css_editable_mode_hidden justify-content-center align-items-center rounded-circle mx-auto mb-5 text-decoration-none"> <i class="fa fa-angle-down fa-3x text-white" aria-label="To blog content" title="To blog content"></i> </a> </div> </div> </div> </section> <section id="o_wblog_post_main" class="container pt-4 pb-5 "> <div class="o_container_small"> <div class="d-flex flex-column flex-lg-row"> <div id="o_wblog_post_content" class=" o_container_small w-100 flex-shrink-0"> <div data-editor-message="ここに書き込むか、ブロックをドラッグ" class="o_wblog_post_content_field js_comment o_wblog_read_text"> <p style="margin-bottom: 0px;">In the internet age, a crisp website for your business is crucial to increase your online visibility and establish professional credibility. </p> <p style="margin-bottom: 0px;"><br></p> <p style="margin-bottom: 0px;"><a href="/ja_JP/webdesign" target="_blank">Odoo's Web Design Service</a> (<a href="/ja_JP/webdesign" target="_blank">WDS</a>) amplifies what our integrated solution could offer. Assembling a group of developers, designers, and sales experts, WDS aims to tailor a high-performance webpage to serve your online customers and seamlessly connect to your full-featured Odoo backend system to support your team. </p> <p style="margin-bottom: 0px;"><br></p> <p><a href="/ja_JP/app/ecommerce" target="_blank">eCommerce</a>, <a href="/ja_JP/app/manufacturing" target="_blank">manufacturing</a>, or <a href="/ja_JP/app/crm" target="_blank">consulting</a>, to name a few business types, Odoo and our WDS pave an expressway to business success with an impactful website at the front and a powerful management system at the back. Look no further if you are searching for digital transformation or are hoping to wow the internet with your new business! </p> <h3><span style="" class="text-o-color-2">Kickstarting Your Odoo Web Design Project</span></h3> <p style="margin-bottom: 0px;">Building a website for your business from scratch could be like entering a maze — where should we start and how? </p> <p style="margin-bottom: 0px;"><br></p> <p style="margin-bottom: 0px;"><a href="https://www.youtube.com/watch?v=2fGCJO_lEzM&t=3m32s" target="_blank">Every Web Design project in Odoo starts with a kick-off meeting</a> with our web designers so that they understand your needs and goals. To guarantee optimal results, our design team follows up by presenting you with a comprehensive site map and wireframe. By doing so, we ensure that your ideas are effectively translated into action with</p> <p style="margin-bottom: 0px;"><br></p> <ol style="margin-bottom: 0px;"><li>Clear navigation within your website,</li><li>Natural page hierarchy,</li><li>Organized content,</li><li>Efficient user journey,</li><li>Secure conversion opportunities.</li></ol> <p><br></p> <h3 style="margin-bottom: 0px;"><font class="text-o-color-2">What Is A Site Map And Why You Want One</font></h3> <p style="margin-bottom: 0px;"><font class="text-o-color-2"></font></p> <p style="margin-bottom: 0px;">As the name suggests, <a href="https://www.youtube.com/watch?v=gH1bGeQwHLg&t=6m26s" target="_blank">a site map is a directory of your website</a> and is an important step to clarify your needs and business goals.</p> <p style="margin-bottom: 0px;"><br></p> <p style="margin-bottom: 0px;">Before mapping, you should brainstorm and list out what you want and don't want on your website. After understanding our client's main requirement for a web page, our designers will group the content into a few main categories and branch out from there.</p> <p style="margin-bottom: 0px;"><br></p> <p style="margin-bottom: 0px;">A blueprint for your online presence, the site map is a foundation for designing your website by identifying key pages and their hierarchy, organizing content for intuitive navigation, mapping user flows and interactions, and encouraging collaboration with stakeholders for their input. </p> <p style="margin-bottom: 0px;"><br></p> <p style="margin-bottom: 0px;">A finished site map should look like a family tree with facts about your company, products or services, or anything your customers should know about your business. </p> <p style="margin-bottom: 0px;"><br></p> <h3 style="margin-bottom: 0px;"><span style="" class="text-o-color-2">Visualizing Your Website With A Wireframe</span></h3> <p style="margin-bottom: 0px;"><font class="text-o-color-2"></font></p> <p style="margin-bottom: 0px;"><span style="color: rgb(14, 16, 26)">And it's time to visualize your website! </span></p> <p style="margin-bottom: 0px;"><br></p> <p style="margin-bottom: 0px;"><span style="color: rgb(14, 16, 26)"><a href="https://www.youtube.com/watch?v=gH1bGeQwHLg&t=12m33s" target="_blank" data-bs-original-title="" title="">Wireframing is a collaborative process of drawing and refining your website's framework</a>. This aims to define the website's content organization, user interactions, and information architecture, allowing designers and you to collaborate, iterate, and make informed decisions early in the design process. </span></p> <p style="margin-bottom: 0px;"><br></p> <p style="margin-bottom: 0px;"><span style="color: rgb(14, 16, 26)">An unmissable step to take to optimize user experience and user interface (UX/UI) on your website, a wireframe is planned following a few simple steps:</span></p> <p style="margin-bottom: 0px;"><br></p> <ol><li><span style="color: rgb(14, 16, 26)">Creating wireframes with sketching and designing tools</span></li><li><span style="color: rgb(14, 16, 26)">Translating site map into wireframe components</span></li><li><span style="color: rgb(14, 16, 26)">Designing wireframes for responsive layouts</span></li><li><span style="color: rgb(14, 16, 26)">Incorporating UI elements and placeholders</span></li><li><span style="color: rgb(14, 16, 26)">Facilitating feedback and iteration</span></li></ol> <p style="margin-bottom: 0px;"><span style="color: rgb(14, 16, 26)">Just like that, your website mock-up is born!</span></p> <p style="margin-bottom: 0px;"><br></p> <div data-oe-expression="//www.youtube.com/embed/gH1bGeQwHLg?rel=0&autoplay=1&mute=1&enablejsapi=1&loop=1&playlist=gH1bGeQwHLg" class="media_iframe_video"> <div class="css_editable_mode_display"></div> <div class="media_iframe_video_size"></div> <iframe src="//www.youtube.com/embed/gH1bGeQwHLg?rel=0&autoplay=1&mute=1&enablejsapi=1&loop=1&playlist=gH1bGeQwHLg" frameborder="0" allowfullscreen="allowfullscreen"></iframe> </div> <p style="margin-bottom: 0px;"><em><span style="font-size: 14px;">Hear from our Web Design Experts, Jessica and Helena, to learn how to build a sitemap and wireframe for your <a href="/ja_JP/app/website" target="_blank">Odoo Website</a>! </span></em><br></p> <p style="margin-bottom: 0px;"><br></p> <h3 style="margin-bottom: 0px;"><span style="" class="text-o-color-2">Getting Ready For Business</span></h3> <p style="margin-bottom: 0px;"><br></p> <p style="margin-bottom: 0px;">After laying the groundwork, the moment has finally arrived at putting it into actual use. Sign up for our upcoming webinars in October and November to learn how to integrate the wireframe with your website content and get exclusive pro tips from Odoo's Web Designers! </p> <p style="margin-bottom: 0px;"><br></p> <p style="margin-bottom: 0px;"><a href="/ja_JP/event/odoo-web-design-services-101-design-progress-responsiveness-4438/register" target="_blank" class="btn btn-primary btn-lg">Sign Up Now!</a></p> <p style="margin-bottom: 0px;"><br></p></div> <div class="css_editable_mode_hidden text-muted"> <div>に <a href="/ja_JP/blog/business-hacks-1"><b>Business Hacks</b></a></div> <div># <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/apac-385">Apac</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/asia-249">Asia</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/manufacturing-232">Manufacturing</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/marketing-advertising-245">Marketing & Advertising</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/oceania-252">Oceania</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/odoo-online-250">Odoo Online</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/odoo-sh-323">Odoo.sh</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/on-premise-253">On-Premise</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/retail-221">Retail</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/services-231">Services</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/web-design-services-393">Web Design Services</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/ecommerce-339">eCommerce</a> <a class="badge me-1 o_tag o_color_0 post_link" href="/ja_JP/blog/business-hacks-1/tag/implementation-387">implementation</a> </div> </div> </div> </div> </div> <div class="container"> <div class="mx-auto o_container_small"> <div id="o_wblog_post_comments" class="pt-4 o_container_small"> <div class="small mb-4"> <a class="btn btn-sm btn-primary" href="/web/login?redirect=/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122#discussion"><b>サインイン</b></a> コメントを残す </div> <div id="discussion" data-anchor="true" class="d-print-none o_portal_chatter o_not_editable p-0" data-res_model="blog.post" data-res_id="1122" data-pager_step="10" data-allow_composer="1" data-two_columns="false"> </div> </div> </div> </div> </section> <section id="o_wblog_post_footer"> <div class="mt-5"> <div id="o_wblog_next_container" class="d-flex flex-column"> <div data-name="カバー" style="" data-use_filters="True" data-res-model="blog.post" data-res-id="1060" class="o_record_cover_container d-flex flex-column h-100 o_colored_level o_cc o_cc3 o_cc o_wblog_post_page_cover o_wblog_post_page_cover_footer o_record_has_cover"> <div style="background-image: url(/ja_JP/unsplash/HpPmiduLDC0/manufacturing.jpe?unique=8261ee9e);" class="o_record_cover_component o_record_cover_image "></div> <div class="o_record_cover_component o_record_cover_filter oe_black" style="opacity: 0.6;"></div> <a id="o_wblog_next_post_info" class="d-none" data-size="o_half_screen_height o_record_has_cover" data-url="/blog/business-hacks-1/everything-you-need-to-know-about-material-requirements-planning-mrp-1060?anim"></a> <div class="container text-center position-relative h-100 d-flex flex-column flex-grow-1 justify-content-around"> <div class="o_wblog_post_title"> <div id="o_wblog_post_name" placeholder="ブログ投稿タイトル" class="h1" data-blog-id="1060">Everything You Need to Know About Material Requirements Planning (MRP)</div> <div id="o_wblog_post_subtitle" placeholder="サブタイトル"></div> </div> <div class="o_wblog_toggle "> <span class="h4 d-inline-block py-1 px-2 rounded-1 text-white"> <i class="fa fa-angle-right fa-3x text-white" aria-label="Read next" title="Read Next"></i> </span> </div> <div class="o_wblog_next_loader o_wblog_toggle justify-content-center align-items-center mx-auto position-relative d-none"> <div class="rounded-circle bg-black-50"></div> </div> </div> </div> </div> </div></section> <div class="oe_structure oe_empty oe_structure_not_nearest" id="oe_structure_blog_footer" data-editor-sub-message="Visible in all blogs' pages" data-editor-message-default="true" data-editor-message="DRAG BUILDING BLOCKS HERE"></div></div> <div id="o_shared_blocks" class="oe_unremovable"></div> </main> <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc o_footer_slideout"> <div id="footer" class="container o_not_editable "> <span class="o_logo o_logo_inverse d-block mx-auto o_footer_logo my-5"></span> <div class="row"> <div class="col-12 col-lg-7 col-xl-6"> <div class="row"> <div class="col-12 col-md-4 mb-3 mb-md-0"> <div class="row"> <div class="col-6 col-md-12"> <span class="o_footer_title">コミュニティ</span> <ul class="o_footer_links list-unstyled"> <li><a href="/ja_JP/slides/all/tag/odoo-tutorials-9">チュートリアル</a></li> <li><a href="/ja_JP/page/docs">ドキュメント</a></li> <li><a href="/ja_JP/forum/help-1">フォーラム</a></li> </ul> </div> <div class="col-6 col-md-12"> <span class="o_footer_title">オープンソース</span> <ul class="o_footer_links list-unstyled"> <li><a href="/ja_JP/page/download">ダウンロード</a></li> <li class="divider"></li> <li><a href="https://github.com/odoo/odoo">Github</a></li> <li><a href="https://runbot.odoo.com/">Runbot</a></li> <li><a href="https://github.com/odoo/odoo/wiki/Translations">翻訳</a></li> </ul> </div> </div> </div> <div class="col-6 col-md-4"> <span class="o_footer_title">サービス</span> <ul class="o_footer_links list-unstyled"> <li><a href="https://www.odoo.sh">Odoo.shホスティング</a></li> <li class="divider"></li> <li><a href="/ja_JP/help">サポート</a></li> <li><a href="https://upgrade.odoo.com">アップグレード</a></li> <li><a href="/ja_JP/page/developers-on-demand">カスタム開発</a></li> <li><a href="/ja_JP/education/program">教育プログラム</a></li> <li class="divider"></li> <li><a href="/ja_JP/accounting-firms">会計事務所一覧</a></li> <li class="divider"></li> <li><a href="/ja_JP/partners">パートナー一覧</a></li> <li><a href="/ja_JP/become-a-partner">パートナーになる</a></li> </ul> </div> <div class="col-6 col-md-4 mb-4"> <span class="o_footer_title">企業情報</span> <ul class="o_footer_links list-unstyled"> <li><a href="/ja_JP/page/about-us">会社概要</a></li> <li><a href="/ja_JP/page/brand-assets">ブランド資産</a></li> <li><a href="/ja_JP/contactus">お問い合わせ</a></li> <li><a href="/ja_JP/jobs">採用情報</a></li> <li class="divider"></li> <li><a href="/ja_JP/events">イベント</a></li> <li><a href="//podcast.odoo.com">ポッドキャスト</a></li> <li><a href="/ja_JP/blog">ブログ</a></li> <li><a href="/ja_JP/blog/6">お客様一覧</a></li> <li class="divider"></li> <li><a href="/ja_JP/legal">リーガル情報</a> <span class="small text-muted">•</span> <a href="/ja_JP/privacy">プライバシーポリシー</a></li> <li><a href="/ja_JP/security">セキュリティ</a></li> </ul> </div> </div> </div> <div class="col-12 col-lg-5 col-xl-5 offset-xl-1"> <div class="d-flex align-items-center justify-content-between"> <div class="js_language_selector o_language_selector dropdown d-print-none"> <button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="border-0 dropdown-toggle btn btn-sm btn-outline-secondary"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/jp.png?height=25" alt="" loading="lazy"/> <span class=""> 日本語</span> </button> <div role="menu" class="dropdown-menu "> <a class="dropdown-item js_change_lang " role="menuitem" href="/ar/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="ar" title=" الْعَرَبيّة"> <img class="o_lang_flag " src="https://odoocdn.com/web/image/res.lang/23/flag_image?height=25" alt="" loading="lazy"/> <span class=""> الْعَرَبيّة</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/zh_CN/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="zh_CN" title=" 简体中文"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/cn.png?height=25" alt="" loading="lazy"/> <span class=""> 简体中文</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/zh_TW/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="zh_TW" title=" 繁體中文"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/tw.png?height=25" alt="" loading="lazy"/> <span class=""> 繁體中文</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/cs_CZ/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="cs_CZ" title=" Čeština"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/cz.png?height=25" alt="" loading="lazy"/> <span class=""> Čeština</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/nl_NL/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="nl_NL" title=" Nederlands"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/nl.png?height=25" alt="" loading="lazy"/> <span class=""> Nederlands</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="en_US" title="English"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/us.png?height=25" alt="" loading="lazy"/> <span class="">English</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/fi_FI/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="fi_FI" title=" Suomi"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/fi.png?height=25" alt="" loading="lazy"/> <span class=""> Suomi</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/fr_FR/blog/trucs-et-astuces-pour-les-entreprises-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="fr_FR" title=" Français"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/fr.png?height=25" alt="" loading="lazy"/> <span class=""> Français</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/de_DE/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="de_DE" title=" Deutsch"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/de.png?height=25" alt="" loading="lazy"/> <span class=""> Deutsch</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/id_ID/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="id_ID" title=" Bahasa Indonesia"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/id.png?height=25" alt="" loading="lazy"/> <span class=""> Bahasa Indonesia</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/it_IT/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="it_IT" title=" Italiano"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/it.png?height=25" alt="" loading="lazy"/> <span class=""> Italiano</span> </a> <a class="dropdown-item js_change_lang active" role="menuitem" href="/ja_JP/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="ja_JP" title=" 日本語"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/jp.png?height=25" alt="" loading="lazy"/> <span class=""> 日本語</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/ko_KR/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="ko_KR" title=" 한국어 (KR)"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/kr.png?height=25" alt="" loading="lazy"/> <span class=""> 한국어 (KR)</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/pl_PL/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="pl_PL" title=" Język polski"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/pl.png?height=25" alt="" loading="lazy"/> <span class=""> Język polski</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/pt_BR/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="pt_BR" title=" Português (BR)"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/br.png?height=25" alt="" loading="lazy"/> <span class=""> Português (BR)</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/ro_RO/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="ro_RO" title=" română"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/ro.png?height=25" alt="" loading="lazy"/> <span class=""> română</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/ru_RU/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="ru_RU" title=" русский язык"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/ru.png?height=25" alt="" loading="lazy"/> <span class=""> русский язык</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/sk_SK/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="sk_SK" title=" Slovenský jazyk"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/sk.png?height=25" alt="" loading="lazy"/> <span class=""> Slovenský jazyk</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/sl_SI/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="sl_SI" title=" slovenščina"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/si.png?height=25" alt="" loading="lazy"/> <span class=""> slovenščina</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/es/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="es" title=" Español (América Latina)"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/419.png?height=25" alt="" loading="lazy"/> <span class=""> Español (América Latina)</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/es_ES/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="es_ES" title=" Español"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/es.png?height=25" alt="" loading="lazy"/> <span class=""> Español</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/th_TH/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="th_TH" title=" ภาษาไทย"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/th.png?height=25" alt="" loading="lazy"/> <span class=""> ภาษาไทย</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/tr_TR/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="tr_TR" title=" Türkçe"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/tr.png?height=25" alt="" loading="lazy"/> <span class=""> Türkçe</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/uk_UA/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="uk_UA" title=" українська"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/ua.png?height=25" alt="" loading="lazy"/> <span class=""> українська</span> </a> <a class="dropdown-item js_change_lang " role="menuitem" href="/vi_VN/blog/business-hacks-1/odoo-web-design-services-101-site-map-and-wireframing-1122" data-url_code="vi_VN" title=" Tiếng Việt"> <img class="o_lang_flag " src="https://odoocdn.com/base/static/img/country_flags/vn.png?height=25" alt="" loading="lazy"/> <span class=""> Tiếng Việt</span> </a> </div> </div> </div> <hr class="mt-3 mb-4"/> <p class="small text-muted">Odoo(オドゥー)は、CRM、eコマース、会計、在庫管理、POS、プロジェクト管理など、企業のさまざまな業務を一つのシステムで管理できる、ベルギー発のオープンソースのERPソフトウェアです。</p> <p class="small text-muted mb-4">高機能で使いやすく、完全に統合されたERPとして、ユニークな価値を提供しています。</p> <div class="o_footer_social_media mb-4"> <a target="_blank" href="https://www.facebook.com/odoo" class="me-3"><i class="fa fa-fw fa-facebook"></i></a> <a target="_blank" href="https://twitter.com/Odoo" class="me-3"><i class="fa fa-fw fa-twitter"></i></a> <a target="_blank" href="https://www.linkedin.com/company/odoo" class="me-3"><i class="fa fa-fw fa-linkedin"></i></a> <a target="_blank" href="https://github.com/odoo/odoo" class="me-3"><i class="fa fa-fw fa-github"></i></a> <a target="_blank" href="https://www.instagram.com/odoo.official" class="me-3"><i class="fa fa-fw fa-instagram"></i></a> <a target="_blank" href="https://www.tiktok.com/@odoo" class="me-3"><i class="fa fa-fw fa-tiktok"></i></a> <a target="_blank" class="me-3" href="tel:+3222903490"><i class="fa fa-fw fa-phone"></i></a> <a target="_blank" href="https://wa.me/85264491993"><i class="fa fa-fw fa-whatsapp"></i></a> </div> </div> </div> </div> <div class="o_footer_copyright o_not_editable"> <div class="container py-3 text-center"> <a class="small" href="/ja_JP/app/website">Website made with <span class="o_logo o_logo_inverse o_logo_15"></span></a> </div> </div> </footer> </div> <div id="o_live_modal" class="modal fade" tabindex="-1" role="dialog" contentEditable="false"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h3 class="mt-1"><b>Odoo Experience</b> on YouTube</h3> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="閉じる"><span title="Close" class="fa fa-times"></span></button> <p class="text-black"> <b>1.</b> Use the live chat to ask your questions.<br/> <b>2.</b> The operator answers within a few minutes. </p> </div> <div class="modal-body bg-200"> <img src="https://odoocdn.com/openerp_website/static/src/img/2016/live-support/info.gif" class="img img-fluid" alt="Live support on Youtube" loading="lazy"/> </div> <div class="modal-footer"> <a class="btn btn-primary btn-lg" target="_blank" href="https://www.odoo.com/event/odoo-experience-2024-4662/track">Watch now<i class="fa fa-1x fa-long-arrow-right ml8"></i></a> </div> </div> </div> </div> </body> </html>

CINXE.COM

Odoo Web Design Services 101: Site Map and Wireframing