Skip to content
#web

Olea Sacra

ストーリーで伝えるウェブサイトとオンラインショップ

> for olea sacraweb · 2017
01· プロジェクト
> Olea Sacra向けに開発

章立てで語る物語

ゲッセマネの園の木に由来するオリーブの木を販売するOlea Sacraのウェブサイトとオンラインショップです。章立てで物語を伝え、決済まで行えます。

サイトは木々の物語から始まり、章ごとのアニメーションで場面を移しながら進み、トップページはカーソルの動きに反応します。ショップも同じ物語の一部で、デスクトップとモバイルに合わせて購入の流れを設計したので、木について読むことと一本を買うことがひとつの場所で完結します。2017年に設計と開発を始めました。

> cat /works/olea-sacra.md
種類WEB
クライアントOLEA SACRA
年2017
使用技術
WebE-commerce
#web
02· 数字で見る
2017> 設計と開発の開始
2> つの購入フロー:デスクトップ・モバイル
03· しくみ
01

開く

トップページがカーソルの動きに反応します。

02

読む

物語が章ごとに、アニメーションとともに進みます。

03

買う

ショップは章と同じ物語の中にあります。

04

払う

注文と決済は、デスクトップでもモバイルでも行えます。

04· ギャラリー
05· クレジット
for olea sacra. WEB - E-COMMERCE. 2017

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

06· 次のプロジェクト
> cd /works/las-lomas-de-denia
Las Lomas de Denia> ウェブ
> navbar collapsed · scroll to the end
Crowtec