中田のタスク管理

タスクの詳細

完了
いびきサイト静的ページ作成
依頼者 Eijiさん
進捗率
100%  作業状況
現在の作業 ハンバーガーメニュー
作業完了日 2024-02-21 18:36:22
タスクタイプ 通常
タグ wordpress,クリニック,いびき
現状サマリー

現在「完了」、進捗 0%。工程は全6件中 6件完了。

最新報告「修正」(2024-01-23 10:33:31)

タスクの詳細情報・説明 別ウィンドウで表示

依頼の詳細

トップページの静的ページ作成

デザインについて

https://www.figma.com/file/Vy4cec2AYJEpzq5B4KdGwA/%E3%81%84%E3%81%B3%E3%81%8D_%E3%82%B5%E3%82%A4%E3%83%88?type=design&node-id=24-514&mode=design&t=a6hLxQyaz5kKP7Qs-0

いつまで(公開日と社内納期希望日)

5営業日

場所(設定場所・参考URL)

後で共有

対応者メモ・コメント 別ウィンドウで表示


作業工程・チェックリスト

現在の進捗:6/6 100%
ヘッダー
フッター
運営者情報
トップページ
スマホ版
ハンバーガーメニュー

コメント コメントフォーム

中田
修正

1.ハンバーガーメニューに関しまして
スクロール時もメニューがついてくるような仕様

2.SPサイズ375px
サイズ感修正

https://plus-creative.xyz/nakata/2024/ibiki3/

コメントのURLコピー 2024-01-23 10:33:31
中田
いびきクリニック修正

以下のページに反映。
https://plus-creative.xyz/nakata/2024/ibiki3/

1.ハンバーガーメニュー:
https://gyazo.com/fb67a3d3fa3765b951c757a5145c1e4b

2.フッター文字サイズ:
https://gyazo.com/6a072c310b73fb6c27f5b9c2486bacc6

コメントのURLコピー 2024-01-22 08:32:52
中田
カンプ気になった点

1.スマホメニューの中身のデザインがなかった。
→状態変化、インタラクティブな要素のデザインも用意したほうが良い。
https://gyazo.com/f4c418e1ed1cd30d3195f51874843a67

インタラクティブな要素や状態変化がある要素、ページ遷移先のことを考慮したデザインが必要で、以下。

  • クリックしたら、何かが表示される場合は、その表示される対象のデザインが必要。
  • 状態変化があるものは変化を洗い出し、そのデザインが必要。
  • ページ遷移のある画面を洗い出し、デザインの相違がある場合そのデザインの作成。

2.スマホデザインについて
おそらく、今回はスマホのデザインはイメージ作成していると思います。
サイズの数値などは考慮せず、スピード重視?

例:
https://gyazo.com/c97ec69e4e58b35eed2b61271d0978bb

→サイズの数値を考慮していないので、実際のスマホだとサイズ感がおかしい。

スマホの実際のサイズを用いて数値を考えたカンプを作成いただくことで
デザインに合ったよりイメージしやすいページの作成が可能です。

https://gyazo.com/08fb3347040bf6fa94f496b246b645db

3.動的コンテンツのデザイン。
動的コンテンツのデザインをした際に
参考にしたサイトなどやどのライブラリのものを参考に作成したか
載せていただくと嬉しいです。

既存のサイトや使用されたライブラリについての情報があると
デザインのアイデアを得るためだけでなく、技術的な実現可能性を判断する上でも有用です。

参考がない場合:
似たようなデザインを探したり、一から自分でコードを考えたりする必要があり、開発が遅れる可能性がある。また、デザインの実現自体が難しい場合もある。

参考サイトの利点:
参考にするサイトやライブラリがあれば、そのソースコードを基にして実現可能なデザインかどうかを判断しやすい。また、動きのイメージもしやすくなる。

実現可能性の考慮:
プロジェクトの期間に応じて、デザインの選択を異なる観点から考える必要がある。長期プロジェクトでは望むデザインを選ぶ余地があるが、短期間のプロジェクトでは実現可能性を重視すべきという考え。
参考にできるサイトがあれば、そのソースを元に制作を進めることが可能。

4.PCとスマホのコンテンツ表示。
[PC]フッター
地図
クリニックの住所,診療時間
コピーライト

[スマホ]フッター
診療時間
地図
クリニック住所
コピーライト

→[PC]と[スマホ]でコンテンツの順番が違う。

PCとスマホでコンテンツの順番を変更するデザインは
ユーザー体験を向上させるために効果的な場合もあります。

しかし、Flexboxとorder属性を使用することによって実現可能なことは可能だが、
HTMLのソースコードが直感的でなくなる可能性があります。
これは保守やアクセシビリティに影響を与えるため、本当にそれが必要なのかや計画性が必要。

5.デザイン概要や情報

以下の情報があるとありがたい。

使用するフォントとその読み込みファイルなどの情報:
https://gyazo.com/152bb6c777b9e42531e07c9cd674c269

画面数とその名称、遷移情報:
https://gyazo.com/a4e902476553698462211a6f0a67ec40

コメントのURLコピー 2024-01-16 08:50:32
中田
1/11 作業

運営者情報
https://plus-creative.xyz/nakata/2024/ibiki/unei.php

コメントのURLコピー 2024-01-11 22:55:12

コメントフォーム

名前
タイトル
コメント
    ファイルのアップロード
    (このエリアにドロップしてください)
    ※ ファイルのURLはコメント内に含めてください。
    Markdown記法が使用可能
    # 見出し h1
    ## 見出し h2
    ### 見出し h3
    #### 見出し h4
    ##### 見出し h5
    
    **太字**
    
    水平線
    ---
    
    > 引用テキスト
    > 引用テキスト 
    
    ```
    コードの表示(ブロック)
    コードの表示(ブロック)
    コードの表示(ブロック)
    ```
    
    * リスト
    * リスト
    * リスト
    
    0. 番号リスト
    0. 番号リスト