GardenerShip(ガーデナーシップ)様のコーポレートサイトを制作しました。

GardenerShip(ガーデナーシップ)様のコーポレートサイトを制作しました。

  1. 経緯
  2. 使用した技術

経緯

庭のデザインや施工をされている、合同会社ガーデナシップさまのコーポレートサイトを制作しました。

テンプレートをそのまま利用していたサイトを、見やすくしたいという事でした。

会社のカラーであるブルーとイエローを主に使用し、デザインは見やすさを重視して極力シンプルに。

グーペというホームページ制作サービスを使用されていたので、そのまま引き継いで使用しています。

お知らせや、施工事例などをクライアント様の方で更新されたいとの希望がありましたので、グーペの元からある機能を使用しています。

使用した技術

デザインではFigmaを使用。

その後、pug、scss、jQueryでコーディングをし、コンパイルしたhtml、css、jQueryをグーペに流し込みました。

グーペの仕様上、施工例の詳細ページと施工一覧ページが同一のファイルだったので、jQueryでURLを取得し、その差異からデザインを切り分けています。