For several years, Fujifilm X-Series management team sells the new released mirrorless camera via Instagram. They serve buyers and record all purchase transactions manually. To simplify the process, in 2016 the team decides to create a microsite for selling new released camera and its bundling. This time, the team promotes the Fujifilm X-A3 mirrorless camera.
The microsite is in a semi-commerce format. So, the buyer orders product on the microsite by choosing the product and distributor/ store that he wants, then make financial transactions with the distributor (this is adjusted to the type of sales license Fujifilm has in Indonesia). In this period, the buyer will get Voucher ID document on his email, while the distributor will get the Voucher ID & link to Payment Verification page, on the email. After receiving financial transaction, the distributor should upload the payment struck & Voucher ID document that is stamped "paid" to the microsite. After the payment confirmed, buyer can take the product he ordered at the distributor/ store by showing the Voucher ID and his valid ID card.
I work as an Art Director and UI designer in this project. I inspired by the X-A3 camera product that is selfie-oriented, easy to use and affordable for all people. So, I chose skin tones like cream and pink as the main colour, light grey and nude gold as accents. The layout is minimalist, dynamic but still neat.
Please visit the final development on www.fujifilmxa3.co.id. The website maybe looks slightly different from the mockup design due to production process, server, content update and any other factors.
Homepage, desktop version.
Homepage, desktop version. It displays a product feature per scroll.
Homepage, mobile version. It displays a product feature per scroll.
Pre-order page, step 1 & 2 : Choose the product bundling then read the terms & condition.
Pre-order page, step 3 & 4.
Step 3 : Submit data (buyer's name, phone number, email, ID card, location, distributor that they want to choose)
Step 4 : Finish order. The buyers must check their inbox to get Order Voucher, then pay the bill to the distributor they selected, then send the payment struck to the distributor.
Left : Email to buyers; contains Voucher ID attachment and instructions to pay the bill, tell the distributor, then take the product they ordered at the distributor store a few days later.
Right : Email to distributors; contain Voucher ID attachment and link to upload the struck on the website.
Voucher ID | Payment Verification page to upload the struck
Order status on buyers' email | Contact Us & distributor list
