ロゴの画像上に 5pxのマージンを入れました、見ていただけますか
画像背景とタイトルの部分について
・スマホ表示 東海家具についてのSDGsの下記添付の罫線位置がおかしいです。 アイコンとテキストは一体の内容ですので、間に罫線は必要ないです。
・スマホ表示 東海家具についての一番下の写真ですが、何故かかなり小さく表示されます。→80%表示指定しました
東海家具様 WEBサイト修正点 2024.05.13確認
●パソコン表示
―――――――――――――――――――――――――――――――――――――――――――
全体
・グローバルメニューのお問合わせのボックスがずれています。(現状、下寄り)
修正しました、これだと、文字の位置はずれていて、周りの線の部分は下よりに見えない感じです。よろしでしょうか。パディングなど調整で狭くするなどあればおしらせください
・コンテンツ幅を広げる の指示は修正済? こちらは1,080px無いように見えます。
(修正厳しいでしょうか。)
こちら修正済です。が、コーナーごとの、マージン、パディングで幅が狭いと感じられる?ようです。マージン・パディング、すべて調整して、横幅1080に見えるように調整
→inner を すべて下記にしたので、狭く見えることはなくなると思います
margin: 0 auto;
padding: 50px 0!important;
width: 1080px;
・「商品情報」と「東海家具について」と「会社概要」のタイトルテキストの大きさを統一。
現状、不揃いです。かなりテキストが大きいので弊社デザインを参考に小さくしてください。
(画像になっていますが、できればテキストにしたいです。可変して大きくなりすぎるの
で…)
画像背景とタイトルの部分について
現在「東海家具について」ページのみ直してあります
このページの文字バランスなどでよろしいようでしたら、その他のページを同じスタイルで作らせていただきます、ご確認のうえ、追加でご指示あればお知らせください。
TOP
・お知らせ コンテンツとコンテンツのマージンを少し広く。(シリーズから探すと同じぐらい)
・シリーズから探す 特注張地対応の写真を配置。(指示済み) シリーズの写真は一覧用と、シリーズごとのページ用に、2サイズですがcssで同じサイズになるので、同じ大きさ入れました。
↓設定画面↓
・フッター上のイメージ写真(お問合わせ部分の背景写真)がPC時の写真ではなくスマホの写
真になっています。PC用に戻してください。
商品情報
・タイトル 画像になっていますが、大きすぎます。弊社のデザインイメージを参考にしてく
ださい。
(できればテキストにしたいです。可変して大きくなりすぎるので…)
・カテゴリーから探す スマホは写真下にテキストでもいいですが、通常時は元の位置がいい
かと思います。(できれば、CSSでスマホ用と指示をわけたいです。)→css分けています、どうしたらいいか指示してください。
・シリーズから探すタイトルの上のマージンを広げる。(コンテンツとコンテンツのスペース
が狭いです。)→
・シリーズから探すのそれぞれのシリーズが、TOPページと違い、可変になってずれています。
商品詳細
・ブライトンの一覧ページが、かなりレイアウト崩れています。
お知らせ一覧
・コンテンツとコンテンツの間の罫線を少し薄めのブラックに(現状、ゴールドっぽいものに
なっています。)
・コンテンツとコンテンツのマージンが上下で数値が違うので統一。
・右側のカテゴリーとアーカイブ部分
テキストなどがセンター揃えになっていますが、頭揃えに変更。ベースのグレーをトル。
カテゴリー・アーカイブ・サイト内検索のテキストを小さく。
(お知らせコンテンツのタイトルと同ポイントで。)
サイト内検索の検索窓と検索ボタンは横一列に。
東海家具について
・タイトル 画像になっていますが、大きすぎます。弊社のデザインイメージを参考にしてく
ださい。
(できればテキストにしたいです。可変して大きくなりすぎるので…)
・SDGsへの取り組み
タイトル上のマージンを広くする。(デザイン参考)
背景のベージュは左右いっぱいまでベースをひいてください。
目標3~15のアイコン部分の表の罫線をトル。
表と下のテキスト「東海家具工業株式会社は、静岡市SDGs宣言事業に賛同し、」の文字は
マージンをかなり広くし、
SDGs宣言書のボタンはもう少しテキストの近くに配置。(デザイン参考)→現在marginーtop10pxです
・森林のイメージ写真は、左右いっぱいに配置。(TOPページのお問合わせの背景写真のよう
に)
・LEGALのロゴマークとLegal Wood(合法木材への取り組み)はセンター揃えにし、テキス
トはSDGsと同じようにタイトル扱いに→h2としました
・最後の職人3点の写真とフッターのマージンを広く。詰まり過ぎです。→marginーbottom:20pxを40pxに変更しました
会社概要
・タイトル 画像になっていますが、大きすぎます。弊社のデザインイメージを参考にしてく
ださい。(できればテキストにしたいです。可変して大きくなりすぎるので…)
・会社概要と沿革の表のバランスを統一。表左側のグレー背景部分のスペースを統一。
所在地 MAP/海外拠点/採用情報
・地図とテキストのマージンが狭いままです。
・お知らせ同様に右側のカテゴリーなどの部分を修正
●スマホ表示
―――――――――――――――――――――――――――――――――――――――――――
全体
・メニューボタンをゴールド→白ベースに。メニューの三本のラインは黒に。(デザイン参
考)(打ち合わせ時に指示)
・商品情報と東海家具についてと会社概要のタイトルテキストの大きさを統一。
テキストが大きいので弊社デザインデータを参考にしてください。
(画像になっていますが、できればテキストにしたいです。可変して大きくなりすぎるの
で…)
・スマホ時の左右のマージンが統一されていません。(ページによってかなり広いマージンが
あります。)
TOPページ
・お知らせのコンテンツとシリーズから探すのマージンを広く。(お知らせタイトルとメインビジュアルのマージンぐらい広く)
・特注張地対応とデジタルカタログのボタンが上下で近すぎます。押しにくいのでボタンとボ
タンを離す。
商品情報
・シリーズから探すタイトル上のマージンを広く(打ち合わせ時に指示済)
・特注張地対応とデジタルカタログのボタンが上下で近すぎます。押しにくいのでボタンとボ
タンを離す。
商品情報カテゴリーページ
・ベネチアなどのカテゴリーページの商品情報タイトルのベージュベースを左右いっぱいまで
ひく。
お知らせ一覧
・タイトルのベージュベースを左右いっぱいまでひく。
・コンテンツとコンテンツの間の罫線を少し薄めのブラックに(現状、ゴールドっぽいものに
なっています。)
・コンテンツとコンテンツのマージンが上下で数値が違うので統一。
お知らせ詳細
・レスポンシブに対応していません。写真やコンテンツが切れます。
・カテゴリー・アーカイブ・サイト内検索をレイアウトを綺麗に。
左揃えにし、カテゴリーなどのタイトルを小さく。
検索ボタンはブラックかグレーベースにしてください。(青色が唐突です。)
東海家具について
・タイトル下の写真が小さいのでマージンのギリギリまで大きく。
・SDGsへの取り組み
タイトル上のマージンを広くする。(デザイン参考)
背景のベージュは左右いっぱいまでベースをひいてください。
目標3~15のアイコン部分の表の罫線をトル。
スマホ時は、アイコンとテキストを上下に配置してください。アイコンが小さすぎます。
表と下のテキスト「東海家具工業株式会社は、静岡市SDGs宣言事業に賛同し、」の文字は
マージンをかなり広くし、
SDGs宣言書のボタンはもう少しテキストの近くに配置。(デザイン参考)
・森林のイメージ写真は、左右いっぱいに配置。(TOPページのお問合わせの背景写真のよう
に)
・LEGALのロゴマークとLegal Wood(合法木材への取り組み)はセンター揃えにし、テキス
トはSDGsと同じようにタイトル扱いに
・Legal Woodのボディコピーの左右のマージンが広すぎます。他同様のマージンに。
会社概要
・タイトルに会社概要のテキストがありません。
・会社概要と沿革の左右マージンが広すぎるので、要調整。
・所在地/MAPと海外拠点と採用情報のボタンが上下で近すぎます。押しにくいのでボタンとボタンを離す。
所在地 MAP
・レスポンシブされていません。MAPが画面外に飛び出しています。
・MAPとテキストのマージンを広く
サイト内検索を追加
●パソコン表示
全体
・グローバルメニュー上下センターからのズレ(お問い合わせも位置ズレ)
・前回の打ち合わせ時にもお話ししましたが、コンテンツ表示の横幅サイズがかなり狭いで
す。
現状920px程度→1,080px程度に横幅を広げてください。
・フッターの余白バランスをデザインしたものを参考にして再調整。
(TOKAI KAGUのロゴの上のスペースをもう少し広く。Facebookとインスタのマークは少し
小さく。
インスタアイコン下のwhiteとdarkはテキストで追加)
・フッターのベージュベースとコンテンツとの境界に罫線がありますがトル。
・フッターの順番がデザインと違うので、変更。
(デジタルカタログ・商品情報・お知らせ・東海家具について・会社概要・海外拠点・所在
地・MAP・採用情報・お問い合わせの順)
・フッターのプライバシーポリシー上の罫線の色がデザインと違うので、明るめのブラック
(グレー)に変更。
(罫線とテキストの余白は、デザイン参照。詰まりすぎです。)
・フッターの海外拠点を設定。所在地・MAPのリンクを設定。採用情報のリンクを設定。お問
い合わせのリンクが違う。
(リンクするページは会社概要下段にあるボタンと同様です。)
TOP
・メインイメージスライダーの画像ですが画面切り替え時のクロスフェードが長く画像が見に
くいので、
時間を短くするか画像切替時の処理を変更する。
・メインビジュアルスライダー マウスオーバー時に次の画像と表示が重なり見にくいので、処
理変更。
・お知らせ部分の写真サイズは、表示サイズを統一。
(写真サイズが違うものを配置した場合も自動でトリミングするように設定。)
・お知らせにビジュアルがない場合は、TOKAIKAGUのグレーベースのバナーを使用。
・シリーズから探すのカームMHは廃盤では?
・シリーズから探すの特注張地対応のビジュアルが無いので提供→設定。
・シリーズから探すの特注張地対応がダブっているのでデジタルカタログの隣のボタンはトル?
・CONTACTのリンク表示はデザインしたものとかけ離れています。再調整してください。
(書体の太さを細く、パディングを参考程度に上下を広く。左右のパディングスペースを狭
く。CONTACTのボタンも少し小さく。白ベースも画像に透過しない。)
商品情報
・商品情報のタイトル部分がデザインと違う。
(文字白に。商品情報とitemの文字の配置を上下に。文字の上下の余白もデザイン参照にし
て配置。)
・カテゴリーから探すのレイアウトくずれ。
・シリーズから探すはTOPと同様に修正
商品情報詳細
・商品情報の表の左側カテゴリーは、会社概要ページのデザインと同様にグレーベースに。
お知らせ一覧
・タイトル部分 デザインと違う。
(ベージュベースが入り。お知らせ一覧としています。)
・写真サイズは表示サイズを統一してください。
(写真サイズが違うものワードプレス上で配置した場合も自動でトリミングするように設
定。)
・お知らせのテキスト表示の余白の取り方はデザイン参照し、調整。
(日付はタイトルと近くし色を少し薄く表示。日付とボディコピーの間を開ける。)
・お知らせのコンテンツとコンテンツの間に罫線を追加し、余白を設ける。
(デザインしたものを参照)
・カテゴリーとアーカイブのインデックスの位置を上部へ配置し、テキストとテキストの上下
に罫線を追加。
(デザインしたものを参照)
・お知らせの表示は1ページに5点までとしてください。5点以上は、デザインのように次のペ
ージへの誘導ボタンを追加。
お知らせ詳細
・タイトルの文字色をブラックに統一。
・タイトル下に罫線を追加。
(デザインしたものを参照)
・写真とテキストのマージン(余白)がつまりすぎですので広く。
(デザインしたものを参照)
・次ページのボタンは無くして、お知らせ一覧へ戻るボタンを追加。
(デザインしたものを参照)
東海家具について
・タイトル部分がデザインと違う。デザインしたものを参照。
(東海家具についての後の…はトル。conceptの文字のを追加。東海家具とconceptを上下に
配置。)conceptがおかしいと感じているのでしたらaboutでも大丈夫です。
・余白のバランスがデザインとかなり違うので、マージンをデザインしたものとできるだけあ
わせてください。
・最初のコンセプトコピーの行間がが狭いので広く。(デザインしたものを参照。)
・SDGsへの取り組みから下は、デザインと大きくかけ離れてるので、一旦デザインを確認い
ただき再調整してください。(何となく途中のようなものに見えます。)
会社概要
・商品情報のタイトル部分がデザインと違う。(商品情報のタイトルと同様に修正反映)
・東海家具工業株式会社[会社概要]のタイトルの位置はセンターにし、大きく。沿革も同様
に修正。
・表のバランスがデザインと違うのでデザイン参照に修正。
(左側カテゴリーの社名・本社などにはデザイン同様に??ベース??を入れる。左側のカテゴリース
ペースを小さく。右側がスペース空いていてもいいです。)
所在地MAP/海外拠点/採用情報
・写真とテキストのマージンが狭いです。もう少し広く。
・カテゴリー・アーカイブの位置は上へ配置。お知らせ一覧と同様の修正してください。罫線
も追加。
——————————————————————————————————-
●スマホ表示
全体
・メニューボタンを押しても反応しない。
・スライドした時にグローバルメニューと一緒にゴールドの帯が残っているので削除。
・フッター部分のテキストのレイアウトくずれ。(テキストが縦表記になっています。デザインを参考に修正)
・フッターのTOKAIKAGUのロゴが小さいので大きく。
(バランスはスマホ用のデザインを参考に調整。)
TOPページ
・メインイメージスライダーの画像ですが画面切り替え時のクロスフェードが長く画像が見に
くいので、時間を短くするか画像切替時の処理を変更する。
・お知らせ部分の写真サイズは、表示サイズを統一。
(写真サイズが違うものを配置した場合も自動でトリミングするように設定。)
・シリーズから探すのベネチアから下の部分のテキストと写真がずれている
・特注張地対応とデジタルカタログのボタンが崩れて2行で表示されているので、1行で表示す
る。(上下配置でも可)
・商品に関するお問い合わせはこちらのベースの画像をスマホ用に変更し、配置バランスをデ
ザイン参考に再調整。
商品情報
・タイトルのベース写真は、弊社提供のスマホ用の画像「contact_back_photo_sp.jpg」item_mainphoto_sp.jpg??に変
更。(トリミングされすぎです。)
・タイトルテキストはPC同様に修正
・カテゴリーから探すとシリーズから探すは、1列表示ではなく、2列表示に。
・シリーズから探すの上の罫線をトル。
・シリーズから探すのタイトル センター位置からズレ。センターに配置。
・シリーズから探すのベネチアから下の写真とテキストのズレ調整。(TOPページ同様)
商品情報 各シリーズタイトルページ
・フッターと商品との間のマージンを広く
商品情報詳細
・商品スペックの表ですが、商品詳細などのカテゴリータイトル部分のベースをグレーにし、
↓すみません、どの部分かわかりませんでした
カテゴリータイトルの改行位置をできるだけ整える。
現状、商品詳細のテキストが商品詳で改行されています。
・カテゴリーから探すとシリーズから探すは、1列表示ではなく、2列表示に。
・シリーズから探すの上の罫線をトル。
お知らせ
・タイトル部分にゴールドの帯が残っています。
・PCの修正を反映
お知らせ詳細
・詳細ページが表示されません。
東海家具について
・タイトルのベース写真は、弊社提供のスマホ用の画像「concept_mainphoto_sp.jpg」に変
更。(トリミングされすぎです。)
・PCの修正を反映
・タイトル下の写真・コンセプトコピーからSDGsの部分までが表示されません。
・所在地・MAP・海外拠点・採用情報のボタンはテキストを1行表示にしてください。(配置は上下になっても構いません。)
会社概要
・タイトルのベース写真は、弊社提供のスマホ用の画像「company_mainphoto_sp.jpg」に変
更。(トリミングされすぎです。)
・タイトルテキストはPC同様に修正
・東海家具工業株式会社[会社概要]のタイトルの位置はセンターにし、大きく。沿革も同様
に修正。
・表部分はPC同様に修正。(左側の車名などのカテゴリーのベースをグレーに)
・所在地・MAP・海外拠点・採用情報のボタンはテキストを1行表示にしてください。
(配置は上下になっても構いません。)
所在地・MAPボタンのリンク先が表示されません。
海外拠点ボタンのリンク先が表示されません。
採用情報ボタンのリンク先が表示されません。
お問い合わせボタンのリンク先が表示されません。