Skip to content
服とスニーカーのカードがダウンロードの矢印つきで浮かび、白いテーブルの上のノートPCに服のグリッドが映っています。
#web

Pull&Bear

METALとの共同ブログと、ブランドのプレスサイト

> for pull&bear · via espadaysantacruzweb · 2015
01· プロジェクト
> Pull&Bear向けプロジェクト(Espadaysantacruzと協業)

ファッションブランドと雑誌、そしてプレス

2015年に Espadaysantacruz とともに手がけた、Pull&Bear の2つのサイトです。PullTheMetal は、Pull&Bear と METAL Magazine がメタルの文化と音楽を語る共同ブログで、Pull&Bear のサイトの中にありました。PULL&BEAR PRESSROOM は、ブランドがコレクションをプレスに届けるためのサイトです。

ブログは Symfony で、Sonata の管理画面、Elasticsearch の検索、MaxMind の位置情報、Facebook・Twitter・Instagram のカウンターを更新する Node のサービスで動いていました。グラフィックデザインは Outro Studio です。プレスサイトでは、記者がエディトリアルやルックブックから各アイテムまでたどり、ブランドが許可したサイズで画像をダウンロードでき、認定プレス向けのプロフィール欄もありました。Grunt で構築したフロントエンドと、Inditex のインフラ向けにまとめた PHP の上で動いていました。

> cat /works/pull-the-metal.md
種類WEB
クライアントPULL&BEAR
スタジオESPADAYSANTACRUZ
年2015
使用技術
  • Symfony
  • PHP
  • MySQL
  • Elasticsearch
  • Node.js
  • JavaScript
  • Grunt
  • SCSS
#web
02· 数字で見る
2> Pull&Bear のサイト
17> プレスサイトのページデザイン
3> ブログのソーシャルカウンター
03· しくみ
01

書く

ブログ記事は Symfony 上の Sonata 管理画面から公開します。

02

埋め込む

ブログは Pull&Bear のサイト内にあり、アドレスがページと連動します。

03

たどる

記者はエディトリアルやルックブックから各アイテムへ進みます。

04

ダウンロード

画像はブランドが許可したサイズでダウンロードできます。

04· クレジット
for pull&bear. via espadaysantacruz. WEB - BACKEND. 2015
05· 参考リンク

似たようなプロジェクトをお考えですか。必要なことをお聞かせください。

06· 次のプロジェクト
> cd /works/post-fata-resurgo
Post Fata Resurgo> 位置情報スタンプラリー
> navbar collapsed · scroll to the end
Crowtec