A silver laptop with a black keyboard, displaying a home interior on its screen which features a living room with a beige sofa, a wooden coffee table, a patterned rug, and large windows with black frames.

Surya.com Concept

Atlanta, GA
2024

Art Direction & Design: Aditya Kumar

This concept evaluates and resolves one key challenge with Surya, to show uniqueness for the variety of products it offers. Using visual techniques, like color, depth, light and shadow, I came up with a concept for the next generation of Surya’s website.

Navigate Fluidly

A seamless navigation experience makes a website feel effortless and inviting. Smooth, fluid animations remove friction, setting the tone for an intuitive and engaging journey, one where users glide naturally from one interaction to the next.

A wooden coffee table with a rounded rectangular shape and a thick top, made of clear natural oak veneer, displayed on an online shopping website.

Showing a product.

Designing a product page isn’t just about information, it’s about immersion. With thousands of products, each must feel distinctive and alive.

By blending the style shot into the background, the page becomes an extension of the product, drawing users into its world. A soft blur and dark overlay bring focus to specifications without disruption.

Frosted glass elements hover seamlessly, adding depth and translucency. The result: a page that isn’t just seen but felt, an interface that invites interaction, not just observation.

A webpage displaying a handmade Anatolia rug with a light blue background and floral patterns in shades of cream, orange, and gray. The product details include price, material, origin, and sizes available.

A product purchase screen displaying a price of $670.00, quantity set to 1, with options to buy now or add to cart, with a blurred background of furniture.

Information card describing a stylish area rug made of 100% wool, made in India, no assembly required.

Notice how the elements interact with the background, creating a sense of depth on a two-dimensional display.

A webpage displaying information about the Amelia Handmade Rug, priced at $666.00, with options for different sizes. The page shows a close-up image of a beige and grey patterned rug with intricate designs, made from 60% wool and 40% viscose. The rug is made in India, and the page provides care instructions for spot cleaning. There are additional thumbnail images of the rug in various environments.

An online furniture store webpage displaying an Anatolia Handmade Rug with a beige floral pattern. The rug is priced at $670.00 with options for size and pad type.

Rug size and rug pad selection, a simple way to choose more than one rug at a time and protection for the rug.

Online furniture store homepage featuring accent chair named Brielle with a 'Shop Now' button, navigation menu with categories, and a blurred living room background.

Showing many products.

Every new product introduction deserves its own spotlight. While product listing and display pages exist, categories also need a dedicated landing page, a stage where they can truly shine.

Applying the same design principles, this page highlights featured products while a progressive blur subtly frames the text and icons. This effect gradually reveals the imagery in full definition, creating a seamless and engaging visual experience.

Online furniture store displaying various coffee tables, beds, cabinets, dining table, and accent chair with options to buy now or add to cart.

A digital advertisement for the Adaje accent table lamp, showing a beige table lamp with a wavy metal base and a drum shade, set against a bright, modern living room background.

Displaying a vast range of products can be challenging. A well-structured layout with ample breathing room creates a sense of clarity, keeping the design fresh and preventing information overload.