# Buy with no surprises. Or try it at home first. Ramsha Home · online rug store for the UAE, client work **Price, stock and delivery shown before the cart** · A design, not live yet Ramsha Home sells rugs online in the UAE. I designed its new store, from user flow to design system. The design shows every rug's price, stock and ship time before scrolling. A free home trial sits beside Add to Cart. The designed cart shows savings, shipping and VAT before the button. The new store is a design, not live yet. ## The problem The old store said shipping and discounts were calculated at checkout. ## What changed - Price, stock and ship time on the first screen of every rug - A free home trial beside Add to Cart, booked in 5 steps - Savings, shipping and VAT in the cart, before the button ## The result Price, stock and delivery shown before the cart · A design, not live yet ## Tab by tab ### Homepage Proof first, then 2 ways to buy. - Trust: certifications sit above the headline, before any claim. - Choice: 2 doors in the first screen, shop rugs or try them at home. - Risk reversal: a free home trial in 3 steps, so nobody buys blind. - The new homepage, large, from its top: 5 certifications over a sofa, Crafted to be lived on, made to be loved, with Shop Rugs and Book a Free Home Trial. On a laptop it glides down past Introducing Luxe & Silk to The Free Home Trial, then back to the top. The trial is explained in 3 steps: choose up to 4 rugs, we bring them over, keep what you love. On a phone, those 3 steps rise over the first screen, then sink away. ### Product page Price, stock and proof up front. - Proof: certifications sit on the photo, so trust comes before price. - Certainty: price, saving and the Tabby split in 1 block, so no maths. - Delivery: In Stock and the ship time sit under the price, before the cart. - The new product page, whole, with its buying panel in full: a rug photo with 3 certifications on it, then Anatolia with its rating, 3 benefit labels, AED 1,240 against AED 1,580 with Save 22%, 4 Tabby payments, In Stock and ships in 1 to 2 days, 3 benefits, colours and sizes with a price on each. The live page before it is 1 tap away: a shaped rug on white, a long name with its code, the price in red, "Tax included. Shipping calculated at checkout.", 2 large pay-later boxes, 1 size, Add to cart and Add to home trial. On a phone, the phone's product page. ### Home trial Try up to 4 rugs at home. - Relevance: the emirate comes first, so every visit window fits the area. - Safety: up to 2 spare rugs, so a sold-out rug never cuts the trial short. - Choice: a day and a 3-hour window, or a callback instead. - 3 steps of the home trial play in 1 phone. Emirate: where should we bring your rugs, the 7 emirates. Trial box: 2 of 4 rugs chosen, then Replacement Rugs, 0 of 2, used if a rug sells out before the visit. Time: a day this week, 10 AM to 1 PM or 2 PM to 5 PM, or a callback. Details and a booked screen sit between and after them. ### Cart Extras and savings in the cart. - Reward: 3 picks that pair with the rug, each 1 tap to add. - Safety: the rug is reserved for 10 minutes while you decide. - Feedback: a code applies at once, and the AED 464 saving shows. - The cart's 2 drawers, side by side in 2 phones on a laptop, 1 after the other on a phone. Added to Cart: the rug, then Pairs Well With, 3 picks, each with Add, Items reserved for 10:00, View Cart and Checkout. Offers for You: codes apply instantly and reflect in the total, You're saving AED 464, WELCOME10 applied, more offers to apply. ### 3 collections 1 system carries 3 collections. - Ramsha Home: light, with stock and ship time up top. - Luxe: the same page in dark, nothing new to learn. - Silk: made to order in 8 to 10 weeks, so it ends in Join Waitlist. - The 3 product pages side by side, each in a phone from its top, each with its buy block lifted from further down the page. Ramsha Home: light, Anatolia, AED 1,240 against AED 1,580, In Stock and ships in 1 to 2 days. Luxe: the same layout in dark, Mirage, a bamboo silk rug, AED 6,800. Silk: Introducing Ramsha Silk, then Made to Order in 8 to 10 weeks, price on request, 3 sizes and Join Waitlist with a refundable deposit. On a phone, 1 phone shows them 1 at a time. ### Process Flow, wireframes, 2 rounds. - Flow: 1 map, split at Buy or Try, ending in an order or a booked trial. - Wireframes: 37 grey screens settled layout and words before colour. - Rounds: sizes went from 1 grid to 2 groups, then a price on each. - 3 sheets. The user flow, drawing itself as a tree: homepage, collection and rug page, then Buy or try. Buy: add to cart, 3 quick adds, cart, checkout, order placed. Try: trial box, details, a day or a callback, trial booked. Custom rugs and the designer program end in an enquiry. The wireframe of the product page against the final, on a slider. The size picker in 3 stages: the wireframe's 1 grid with a wait on each size, round 1's 2 groups by when they ship, and round 2's price on every size. ### Handover A file developers can build from. - The Figma file's foundations, as whole snapshots of its own pages, stepped through with no scroll inside: Colour, 10 colours named by job, 2 kept from the live store. Titles, Inter Light in 9 styles with size, weight, line height and use, the 4 largest shown. Body, 6 body styles, the 4 largest shown. Spacing, 1 step of 4px from 0 to 120, with radius names on the small steps and gap names on the large. - 58 screens and a design system. Flow, wireframes and 2 rounds, for desktop and phone. Page: https://www.surinder.design/work/ramsha