Works & Projects

← Back before page
Request 2023/05/31

Shopifyを利用し、化粧品のオンライン販売を実現

オーガニックスキンケアにこだわった美容品を取り扱う化粧品販売業者様からのご依頼で、購入数の最大化を目的に、既存のECサイトをリニューアルしたいというご依頼がございました。Yahoo!ショッピングとShopifyを使った二つのサイトを運営しており、それぞれに新しくなったデザインや機能を反映させています。


3つのこだわり

Shopifyへの反映

Liquid言語やマークアップ言語を利用し、機能の開発及びデザインの変更を行なっております。ECサイトの表示だけでなくバックヤードで使用するダッシュボードへのカスタマイズも承りました。

Yahoo!ショッピングへの反映

Yahoo!ショッピングへの反映は通常のWebサイトの様にHTML/CSSを利用する事ができますが、JavaScriptを使用する事ができずリッチな表現をすることは難しいです。コードに頼らない、大小様々な大きさの画像を用意しCSS Styleのみで最大限表現しました。

既存テーマの改修(Shopify)

1からのリニューアルではなく予め用意されていた機能を活かすべく、テーマファイルに変更を加えることによりリニューアルいたしました。影響範囲確認のため既存のソースコードを調査分析し、互換性を保ったまま改修を行っています。

Shopifyへの反映Yahoo!ショッピングへの反映既存テーマの改修(Shopify)

サービス一覧

アイコン
ECサイト
Shopify改修

Liquid言語やマークアップ言語を利用し、機能の開発及びデザインの変更を行ないました。ユーザーへの表示側だけでなく店舗管理者用のダッシュボードのカスタマイズも行っています。

Yahoo!ショッピング改修

リッチな表現を用いることなく、マークアップ言語や画像のみで端末ごとのレイアウトを構成し、希望のレイアウトに仕上げています。

既存テーマ改修

予め用意されたテーマファイルやデータを活用し、元のデータを壊すことなく慎重にテーマの再構築を行っています。

レイアウト変更

レスポンシブに対応しながら、既存のレイアウトの組み合わせを考慮して様々なデザインのご要望を実現しています。

機能追加(Shopify)

データベースの追加、またクリックイベントトリガーの配置などASPへ独自の機能を追加しています。


プロジェクト概要

カテゴリ
ECサイト
実施期間
2022年9月下旬〜
予算
¥1,700,000
PRJ期間
約2か月 ※保留期間含まず
動員数
3名(PM、SE、PG)
仕様技術
Yahoo!ショッピング(HTML/CSS), Shopify(Liquid)
依頼企業
非公開

編集者:株式会社Game 広報部

関連記事

Request

すべてオンラインで完結、決済機能が搭載された台湾向け日本語教育サービス

文化、国民性、環境。日本へ興味を持つ海外の方が多く存在する中、本プロジェクトでは「台湾」に焦点を当てたプロジェクトとなっています。やはり台湾在中の方々にとって日本をよく知るためには”言語”の壁があります。そこで台湾在中の方たちに向けた日本語教育サービスを開始いたしました。本サービスは完全オンラインで完結する形となっており、年2回の半年カリキュラムを受講することで日本のN5~N1の習得をサポートします。またキッズ向けのコース、BJTやEJUコース、企業向けの研修など様々なラインナップを揃えているため、日本へ興…

Request

リアルの講座をデジタルに、サブスクリプション型有料会員向け動画配信システム

動画編集、映像制作、撮影技術、ホームページ制作、プログラミング、音楽制作などクリエイティブな製作技術を教えるスクールをリアルで展開されている方からオンラインでスクールを開講したいと言う依頼がありました。またすでに先方が用意した他のサービスと連携したSSO(シングルサインオン)を利用したい、ストリーミングはVimeoを使用したいなどモダンな機構を取り入れています。またユーザー情報はSSOのシステム側で管理し、権限もSSOで管理するため、本サービス上ではSSOで管理されたユーザーのと紐付けする処理が行われていま…

Request

納品体験機能で実務実践、無料のITエンジニア会員向け動画配信LMSシステム

かなり短期間の中で、プロジェクトを成功させたいと言うご要望は枚挙にいとまがございません。中でも補助金の報告期限があるため遅延が許されないと言ったケースもしばしば...『動画配信サービスを開発したいとお伺いしましたが、それで納期はいつなんでしょうか?』「2ヶ月後なんです...」『仕様書はございますか?』「ありません。」『なるほど、するとイメージしている画面などを見せていただけますか?』「デザインは作成中なんです...。」『かしこまりました。それでは現状のデザインを拝見します。』今回もそのケースに該当するご依頼…

Request

外貨両替所Webサイトでレートを自動計算、実店舗の在庫も併せて管理を実現

外貨両替所のWebサイトの構築のご相談を承りました。外貨両替所が行うことは日本円を渡航する前に外貨に換金したり、来日された海外観光客が日本円を手に入れるために外貨を交換します。実店舗では午前中にそれぞれの外貨のレートをその日のレートとして決定し、各外貨の在庫を確認していますが、レートはリアルタイムで更新されるため、来客に備えへ正しい情報を公開する必要があります。本プロジェクトでは、3種言語(日・英・中)に対応した、正しい情報を管理・広報できるWebサイトをご提案、構築いたしました。 3つのこだわり 外貨管理…

Request

6つの動画配信を監視し、最新の配信情報を発信するメディアを構築

「今、○○さんの生配信はやっているんだろうか?YouTube、やってない。Mildom、やってない。niconico動画、やっていない…。OpenREC、やってる!」そんないろいろなプラットフォームを毎日3、4回サーフィンして確認しに行く。中には推しの配信者が10数人いてそれぞれ見に行く必要がある方もいる。そんな方々はもちろん暇なわけじゃない、彼らにもっと便利なサイトを作りたい。そんな想いの依頼主は「麻雀」というジャンルに特化し、生配信を"まとめた"ポータルサイトの構築を決めました。このメディアはお気に入り…

Contact us

    thanks your contact

    1.メールアドレスを入力し、あなたのことを教えてください。

    2.お問い合わせの種類を記載ください。

    3.採用に関するお知らせの詳細を記載ください。

    4.お問い合わせを受け付けました。自動返信メールが届いているかご確認ください。

    continue...