Mobile Version
The mobile page carries the same colorfulness offered on the desktop and also the variety of pictures displayed. However, since the screen is smaller, the text is larger and occupies the entire screen, with the screen cleared of any graphics so as to keep the scan clean. To make it easier to review the page, it offers no animations or complex interactions, with the Buy Now button provided next to the logo on the top toolbar.
Interactions And Animations
A scroll down the page brings on pictures and also graphic elements revolving around both the pictures and the Diana accessories. For example, the Splitzer is displayed over a background which mimics the movement of the actual Splitzer shutter.
The Design Justification
The various Diana designs, picturesqueness and intense colors and color schemes led for my design of a colorful page displaying varied pictures taken by a Diana camera along with graphics to fuse the pictures within the page.
Since the Lomography products come through with a sense of guerilla, off-mainstream, return-to-the-old-world, which builds around them a whole community with similar values and desires, I tried to mostly emphasize the pictures and the experience, the movement of the graphic elements during the transitions. The Call to Action buttons are there on the page however they are toned down.
History And Heritage
Here is the story of Diana and its various versions as developed and sold over the years. These pages, along with their accompanying pictures, introduce the product marketed under the Diana f + deluxe landing page.
Overview
Lomography Co. reconstructs old analog film camera models to market worldwide.
One model offered in numerous versions of varying designs and considered the brand's best seller is "Diana" – a basic plastic camera originally made in Hong Kong in 1963 and sold for one dollar a piece.
With its lo-fi style, this hot camera is offered in a wide variety of designs bad accessories, all of which are included in the deluxe kit. I here present the responsive landing page I have designed for the Diana deluxe kit.
My role
Research
UI Design
Prototyping
Tools
Adobe XD
Responsive Website
2020
