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

グラノーラを販売する既存のECサイトに量り売り機能を増設

実店舗でグラノーラを販売されている企業様からのご依頼により、運営しているECサイト上で実店舗と同様に、好きなメニューを組み合わせて好きな量だけ選んで買う「量り売り」機能を増築したいというご要望がございました。実際、個包装された既存の組み合わせによるパッケージの販売と比べて、量り売り独特の仕組みが必要になります。たとえば実店舗では包装紙に入る組み合わせを目視で調整でき、プレゼント用にわざと複数の包装に分けることもあります。そのような実店舗で行っていることをオンライン(ECサイト内)でもできるようにしています。…

Request

英単語を独自の音節で区切り、見ただけで覚えられる認知記憶フラッシュ英単語サービス

取引先が無くなってしまった...10年もの間、情熱を注いできたプロジェクトを中断しなければいけない。そんな危機的状況の中、偶然の出会いでご相談頂いたのがこのサービス開発でした。作りたいものは明確に頭に描けており、途中まで作ってきたプロダクトの断片も存在していたため、詳しいヒアリングを重ね再度仕様書の作成を行う事でかつてリリース予定だったプロダクトの復刻版開発に至りました。 3つのこだわり 認知科学に基づく英単語学習英単語を独自の文字列で区切り、文字ブロックとそれぞれの音声を続けて3回再生した後に全体を1回、…

Request

土日の人気テニスコートを予約したい。2秒の早い者勝ち先取を常時監視型Botで解決

練習を行いたいのになかなかコートを予約できない、、テニスプレーヤーの人気によりなかなか練習を行う機会を作れないというご依頼者から、細かなブラウザ操作を自動化したいというご要望をいただきました。そこで、ブラウザバックが利用不可などの制約がある中、画面上の操作を行い予約の取得まで自動で行うBotシステムをご用意しています。 3つのこだわり 自動入力から選択、遷移Botシステムは人の手を介さず、自動で必要情報の入力から予約日付やコートの選択を行います。また入力、選択後はページ遷移も自動で行い、それぞれのページで必…

Request

一回のカメラ撮影で自動でパイプの本数をカウント、Androidアプリと管理用Webシステムの構築

鉄鋼業の現場では数百から数千もの鉄パイプが重なって管理されています。それらの鉄パイプは、様々な利用用途で地方各地に搬出されます。そこで、鉄パイプが正しい本数分入庫、出荷されているかどうかの検品作業が必要不可欠です。しかし現場では重なっている鉄パイプを手作業1本1本を数えていたため本数が上手く数えられているか不透明な状態で管理されていました。もし間違えていた場合、適切な本数分の余分な搬送コストがかかってしまいます。そこで本プロジェクトでは1度写真を撮っただけで本数が即座にわかるアプリを開発したい、また一度計量…

Request

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

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

Contact us

    thanks your contact

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

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

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

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

    continue...