ECサイト

ECサイトのトップにカテゴリーから選択できるコンテンツを追加した

地元のWeb制作会社の担当者の方から、chatworkで相談を受けて、ECサイトのトップページにカテゴリーから選択できるコンテンツを作成しました。 私が担当したのは、コーディングです。デザインデータは、担当者の方からいただきました。 対応したサイトはお伝えできませんが、コーディング内容や開発の流れ、料金などについて書いていきたいと思います。 コーディング内容 カテゴリーセクションを作成しました。 レディース・メンズ・キッズのタブに分かれていて、タブを選択すると、それぞれのコンテンツが表示されます。 トップページはWordPressで作成されていたため、トップページのテーマファイル（page-top.php）を編集しました。テーマはPCとスマホで分かれて…

• ECサイト
• WEBサイト制作

FutureShopの固定ページのコーディングを行った（2回）

先日地元のWEB制作会社さんからFutureShopの新規ページ作成のコーディングをご依頼いただけました。AdobeXDのデザインデータがすでにあり、それを元に構築していくという内容でした。先月と今月の2回続けて対応しました。 必要だった情報 トップページのファイルや画像, CSSをアップロードするためのFTP情報が必要でした。FutureShopでは、FTPでファイルをアップロードする必要がある箇所と管理画面から入力する必要がある場所が分かれているため、FSの管理画面へのログイン情報も必要でした。 PCとスマホでファイルが分かれている FutureShopでは、HTMLがPCとスマホで分かれているためそれぞれのファイルを用意する必要がありました。効率…

• ECサイト
• HTML・CSS

Shopifyとは？実際に試してみた

数年前からよく耳にする「Shopify」についてまとめてみたいと思いました。(※音楽ストリーミングサービスのSpotifyではありません。) 実際にアカウントを作成して、14日間無料トライアルしてみて分かったことをまとめていきます。 最初に行うこと テーマのカスタマイズ、ページ追加、メニューの整理、ロゴ作成、最初の商品追加、ドメインの追加など、初期設定をする必要があります。これは、Shopify側でガイドをしてくれます。 テーマがある デフォルトのテーマ デフォルトのテーマはこんな感じです。管理画面からカスタマイズができます。 より柔軟にカスタマイズしたい場合は・・・ HTML / CSS、Liquidを使用して、ソースコードを編集することができます。…

• ECサイト

ECサイトを分析しました

長崎県にある陶器屋さんaiyu（アイユー)のECサイトが、情報量が多いにも関わらずきれいにまとまっていたので、分析したいと思います。 PCヘッダーは、メガメニュー パソコンで、マウスホバー時に大きなメニューが表示される仕様になっており、バラエティーの豊富さが伝わり、買い物が楽しくなりそうです。 PCフッターが上手くまとめられている 情報量が多いにも関わらず、デザイン4原則を守っているため綺麗にまとめられている印象があります。 使用しているECシステムはカラーミーショップ アカウント登録ページに、「カラーミーショップ」という記載があったため、ECシステムにカラーミーショップを使用していることが分かりました。 カラーミーショップとは、初期費用・月額費用０円…

• ECサイト