{"id":2826,"date":"2026-08-19T13:54:24","date_gmt":"2026-08-19T13:54:24","guid":{"rendered":"https:\/\/nuevell.com\/pk\/?page_id=2826"},"modified":"2026-08-19T14:24:36","modified_gmt":"2026-08-19T14:24:36","slug":"vetra-studio-case-study","status":"publish","type":"page","link":"https:\/\/nuevell.com\/pk\/vetra-studio-case-study\/","title":{"rendered":"Vetra Studio Case Study"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Revive Cosmetics , Case Study | Nuevell<\/title>\r\n\r\n <style>\r\n :root {\r\n --black: #00090A;\r\n --near-black: #00090A;\r\n --card: #1B1B1B;\r\n --white: #FFFFFF;\r\n --off-white: #FBFBFA;\r\n --lime: #C8FF3D;\r\n --lime-dim: #9FCC2E;\r\n --gray-500: #8A8A85;\r\n --gray-300: #D6D6D0;\r\n --line: rgba(0, 0, 0, 0.10);\r\n --radius-lg: 28px;\r\n --radius-md: 20px;\r\n --radius-sm: 12px;\r\n --ease: cubic-bezier(.16, .84, .44, 1);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n color: var(--near-black);\r\n background: var(--white);\r\n -webkit-font-smoothing: antialiased;\r\n line-height: 1.6;\r\n }\r\n\r\n .nuevell-case-study-wrap {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4 {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 600;\r\n letter-spacing: -0.02em;\r\n color: var(--near-black);\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .nuevell-case-study-eyebrow {\r\n font-family: 'JetBrains Mono', monospace;\r\n font-size: 12px;\r\n font-weight: 500;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--gray-500);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .nuevell-case-study-eyebrow::before {\r\n content: '';\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--lime-dim);\r\n display: inline-block;\r\n }\r\n\r\n .nuevell-case-study-divider {\r\n border: none;\r\n border-top: 1px solid var(--line);\r\n margin: 0;\r\n }\r\n\r\n \/* ---------- Meta \/ overview div ---------- *\/\r\n body .nuevell-case-study-meta {\r\n padding: 56px 0 40px;\r\n }\r\n\r\n .nuevell-case-study-meta-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 0.85fr;\r\n gap: 40px;\r\n margin-top: 20px;\r\n align-items: end;\r\n }\r\n\r\n .nuevell-case-study-title {\r\n font-size: clamp(24px, 3vw, 34px);\r\n line-height: 1.2;\r\n max-width: 520px;\r\n }\r\n\r\n .nuevell-case-study-info-list {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px 20px;\r\n }\r\n\r\n .nuevell-case-study-info-item .label {\r\n font-family: 'JetBrains Mono', monospace;\r\n font-size: 11px;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n color: var(--gray-500);\r\n margin-bottom: 6px;\r\n display: block;\r\n }\r\n\r\n .nuevell-case-study-info-item .value {\r\n font-size: 15px;\r\n font-weight: 600;\r\n }\r\n\r\n .nuevell-case-study-info-item .value a {\r\n border-bottom: 1px solid var(--near-black);\r\n padding-bottom: 1px;\r\n transition: opacity .2s var(--ease);\r\n }\r\n\r\n .nuevell-case-study-info-item .value a:hover {\r\n opacity: 0.6;\r\n }\r\n\r\n \/* ---------- Hero image ---------- *\/\r\n .nuevell-case-study-hero {\r\n padding: 8px 0 0;\r\n }\r\n\r\n .nuevell-case-study-hero-frame {\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n background: #F1F0EC;\r\n border: 1px solid var(--line);\r\n }\r\n\r\n .nuevell-case-study-hero-frame img {\r\n width: 100%;\r\n display: block;\r\n }\r\n\r\n \/* ---------- Section shell ---------- *\/\r\n .nuevell-case-study-section {\r\n padding: 88px 0;\r\n border-top: 1px solid var(--line);\r\n }\r\n\r\n .nuevell-case-study-section-grid {\r\n display: grid;\r\n grid-template-columns: 0.85fr 1.15fr;\r\n gap: 56px;\r\n }\r\n\r\n .nuevell-case-study-section-heading {\r\n font-size: clamp(24px, 3vw, 34px);\r\n line-height: 1.15;\r\n margin-top: 16px;\r\n }\r\n\r\n .nuevell-case-study-section-body p {\r\n font-size: 16px;\r\n color: #3A3A38;\r\n max-width: 560px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .nuevell-case-study-section-body p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* ---------- Approach: four-area list ---------- *\/\r\n .nuevell-case-study-approach-list {\r\n display: grid;\r\n gap: 0;\r\n }\r\n\r\n .nuevell-case-study-approach-item {\r\n display: grid;\r\n grid-template-columns: 72px 1fr;\r\n gap: 24px;\r\n padding: 36px 0;\r\n border-top: 1px solid var(--line);\r\n }\r\n\r\n .nuevell-case-study-approach-item:last-child {\r\n border-bottom: 1px solid var(--line);\r\n }\r\n\r\n .nuevell-case-study-approach-num {\r\n font-family: 'JetBrains Mono', monospace;\r\n font-size: 13px;\r\n color: var(--gray-500);\r\n padding-top: 4px;\r\n }\r\n\r\n .nuevell-case-study-approach-item h4 {\r\n font-size: 19px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .nuevell-case-study-approach-item p {\r\n font-size: 15.5px;\r\n color: #3A3A38;\r\n max-width: 620px;\r\n }\r\n\r\n \/* ---------- Gallery ---------- *\/\r\n .nuevell-case-study-gallery-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n margin-top: 40px;\r\n }\r\n\r\n .nuevell-case-study-gallery-grid.nuevell-case-study-gallery-single {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .nuevell-case-study-gallery-item {\r\n border-radius: var(--radius-md);\r\n overflow: hidden;\r\n background: #F1F0EC;\r\n border: 1px solid var(--line);\r\n }\r\n\r\n .nuevell-case-study-gallery-item img {\r\n width: 100%;\r\n display: block;\r\n }\r\n\r\n .nuevell-case-study-gallery-caption {\r\n font-size: 13px;\r\n color: var(--gray-500);\r\n margin-top: 12px;\r\n }\r\n\r\n \/* ---------- Result ---------- *\/\r\n .nuevell-case-study-result-grid {\r\n display: grid;\r\n grid-template-columns: 0.85fr 1.15fr;\r\n gap: 56px;\r\n align-items: start;\r\n }\r\n\r\n .nuevell-case-study-built-list {\r\n list-style: none;\r\n display: grid;\r\n gap: 14px;\r\n margin-top: 8px;\r\n }\r\n\r\n .nuevell-case-study-built-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 15.5px;\r\n color: #262624;\r\n }\r\n\r\n .nuevell-case-study-built-list li i {\r\n color: var(--lime-dim);\r\n margin-top: 4px;\r\n font-size: 13px;\r\n }\r\n\r\n \/* ---------- Testimonial ---------- *\/\r\n .nuevell-case-study-testimonial-section {\r\n background: var(--near-black);\r\n padding: 96px 0;\r\n text-align: center;\r\n }\r\n\r\n .nuevell-case-study-testimonial-eyebrow {\r\n color: var(--lime);\r\n justify-content: center;\r\n }\r\n\r\n .nuevell-case-study-testimonial-eyebrow::before {\r\n background: var(--lime);\r\n }\r\n\r\n .nuevell-case-study-quote {\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 500;\r\n color: var(--white);\r\n line-height: 1.35;\r\n max-width: 90%;\r\n margin: 28px auto 40px;\r\n letter-spacing: -0.01em;\r\n font-size: 22px;\r\n }\r\n\r\n .nuevell-case-study-quote-note {\r\n font-size: 12.5px;\r\n color: rgba(255, 255, 255, 0.4);\r\n margin: -24px auto 36px;\r\n max-width: 760px;\r\n }\r\n\r\n .nuevell-case-study-attribution {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n }\r\n\r\n .nuevell-case-study-avatar {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: var(--lime);\r\n color: var(--near-black);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Sora', sans-serif;\r\n font-weight: 700;\r\n font-size: 16px;\r\n }\r\n\r\n .nuevell-case-study-attribution-name {\r\n color: var(--white);\r\n font-weight: 600;\r\n font-size: 15px;\r\n text-align: left;\r\n }\r\n\r\n .nuevell-case-study-attribution-role {\r\n color: rgba(255, 255, 255, 0.55);\r\n font-size: 13.5px;\r\n }\r\n\r\n \/* ---------- CTA ---------- *\/\r\n .nuevell-case-study-cta-section {\r\n padding: 110px 0;\r\n text-align: center;\r\n }\r\n\r\n .nuevell-case-study-cta-heading {\r\n font-size: clamp(30px, 5vw, 50px);\r\n max-width: 760px;\r\n margin: 20px auto 18px;\r\n line-height: 1.1;\r\n }\r\n\r\n .nuevell-case-study-cta-sub {\r\n color: var(--gray-500);\r\n font-size: 16px;\r\n max-width: 480px;\r\n margin: 0 auto 40px;\r\n }\r\n\r\n .nuevell-case-study-cta-buttons {\r\n display: flex;\r\n gap: 16px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .nuevell-case-study-btn {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 600;\r\n font-size: 15px;\r\n padding: 16px 30px;\r\n border-radius: 999px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n cursor: pointer;\r\n border: 1px solid transparent;\r\n transition: transform .25s var(--ease), background .25s var(--ease);\r\n }\r\n\r\n .nuevell-case-study-btn:hover {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .nuevell-case-study-btn-primary {\r\n background: var(--near-black);\r\n color: var(--white);\r\n }\r\n\r\n .nuevell-case-study-btn-primary:hover {\r\n background: #1B1B1B;\r\n color: white !important;\r\n }\r\n\r\n .nuevell-case-study-btn-secondary {\r\n background: transparent;\r\n color: var(--near-black);\r\n border-color: var(--line);\r\n }\r\n\r\n .nuevell-case-study-btn-secondary:hover {\r\n border-color: var(--near-black);\r\n }\r\n\r\n @media (max-width: 860px) {\r\n\r\n .nuevell-case-study-meta-grid,\r\n .nuevell-case-study-section-grid,\r\n .nuevell-case-study-result-grid {\r\n grid-template-columns: 1fr;\r\n gap: 28px;\r\n }\r\n\r\n .nuevell-case-study-info-list {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .nuevell-case-study-gallery-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .nuevell-case-study-section {\r\n padding: 56px 0;\r\n }\r\n\r\n .nuevell-case-study-wrap {\r\n padding: 0 20px;\r\n }\r\n\r\n .nuevell-case-study-quote {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n\r\n\r\n .nuevell-case-study-trust-badge {\r\n display: flex;\r\n margin-top: 28px;\r\n justify-content: center;\r\n text-align: center;\r\n align-items: center;\r\n }\r\n\r\n .nuevell-case-study-trust-badge img {\r\n display: block;\r\n max-width: 120px;\r\n height: auto;\r\n align-self: center;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- ============ META \/ OVERVIEW ============ -->\r\n <div class=\"nuevell-case-study-meta\">\r\n <div class=\"nuevell-case-study-wrap\">\r\n <span class=\"nuevell-case-study-eyebrow\">Case Study<\/span>\r\n\r\n <div class=\"nuevell-case-study-meta-grid\">\r\n\r\n <h1 class=\"nuevell-case-study-title\">\r\n How We Helped Vetra Studio Build a Premium Portfolio That Wins Client Trust Before the First Meeting\r\n <\/h1>\r\n\r\n <div class=\"nuevell-case-study-info-list\">\r\n\r\n <div class=\"nuevell-case-study-info-item\">\r\n <span class=\"label\">Client<\/span>\r\n <span class=\"value\">Vetra Studio<\/span>\r\n <\/div>\r\n\r\n <div class=\"nuevell-case-study-info-item\">\r\n <span class=\"label\">Industry<\/span>\r\n <span class=\"value\">Architecture & Interior Design<\/span>\r\n <\/div>\r\n\r\n <div class=\"nuevell-case-study-info-item\">\r\n <span class=\"label\">Project<\/span>\r\n <span class=\"value\">Premium Portfolio Website Design & Development<\/span>\r\n <\/div>\r\n\r\n <div class=\"nuevell-case-study-info-item\">\r\n <span class=\"label\">Visit Site<\/span>\r\n <span class=\"value\">\r\n <a href=\"https:\/\/vetrastudio.nuevell.com\/\" target=\"_blank\" rel=\"noopener\">\r\n vetrastudio.com\r\n <i class=\"fa-solid fa-arrow-up-right\" style=\"font-size:11px;\"><\/i>\r\n <\/a>\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <!-- ============ HERO IMAGE ============ -->\r\n <section class=\"nuevell-case-study-hero\">\r\n <div class=\"nuevell-case-study-wrap\">\r\n <div class=\"nuevell-case-study-hero-frame\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/nuevell.com\/pk\/wp-content\/uploads\/sites\/3\/2026\/08\/vetra-studio-webpage-home-08.png\"\r\n alt=\"Vetra Studio premium architecture and interior design portfolio website designed by Nuevell\">\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- ============ PROBLEM STATEMENT ============ -->\r\n<section class=\"nuevell-case-study-section\">\r\n\r\n <div class=\"nuevell-case-study-wrap nuevell-case-study-section-grid\">\r\n\r\n <div>\r\n\r\n <span class=\"nuevell-case-study-eyebrow\">Problem Statement<\/span>\r\n\r\n <h2 class=\"nuevell-case-study-section-heading\">\r\n An Established Architectural Studio That Needed a Premium Portfolio Site to Win Big Client Trust\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"nuevell-case-study-section-body\">\r\n\r\n <p>\r\n Vetra Studio has been working in architecture and interior design since 2016, bringing together professional experience, thoughtful design, and a practical approach to every project.\r\n <\/p>\r\n\r\n <p>\r\n With more than 250 projects completed across 12+ cities and experience spanning residential and commercial spaces, the studio already had the work, experience, and professional credentials needed to build trust with serious clients.\r\n <\/p>\r\n\r\n <p>\r\n The challenge was how that experience was being presented online. Founder Muzzamil Ahmed had a clear vision for the new website. He wanted something premium, modern, clean, and professional that he could confidently share with prospective clients when introducing the studio and its work.\r\n <\/p>\r\n\r\n <p>\r\n The website therefore needed to do more than display completed projects. It needed to communicate the quality of Vetra Studio, establish credibility from the first visit, and give potential clients a clear understanding of why they could trust the firm with their project.\r\n <\/p>\r\n\r\n <p>\r\n We approached the project around that vision. The result was a premium portfolio experience that brings Vetra Studio's projects, credentials, services, and design approach together in one place, giving the founder a digital presence he can confidently put in front of prospective clients.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n <!-- ============ OUR APPROACH ============ -->\r\n <section class=\"nuevell-case-study-section\">\r\n\r\n <div class=\"nuevell-case-study-wrap nuevell-case-study-section-grid\">\r\n\r\n <div>\r\n\r\n <span class=\"nuevell-case-study-eyebrow\">Our Approach<\/span>\r\n\r\n <h2 class=\"nuevell-case-study-section-heading\">\r\n Four Improvements That Turned a Portfolio Into a Client Acquisition Tool\r\n <\/h2>\r\n\r\n <p style=\"margin-top:20px; font-size:15px; color:#3A3A38; max-width:340px;\">\r\n We started by understanding how an architecture firm earns trust. The website had to show the work\r\n beautifully, but it also had to make the studio feel established, capable, and worth contacting.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"nuevell-case-study-approach-list\">\r\n\r\n <div class=\"nuevell-case-study-approach-item\">\r\n\r\n <span class=\"nuevell-case-study-approach-num\">01<\/span>\r\n\r\n <div>\r\n\r\n <h4>Premium Positioning<\/h4>\r\n\r\n <p>\r\n We positioned Vetra Studio as a professional design practice rather than simply another\r\n architecture portfolio. The messaging, typography, layout, and overall presentation were\r\n designed to support a more premium perception.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"nuevell-case-study-approach-item\">\r\n\r\n <span class=\"nuevell-case-study-approach-num\">02<\/span>\r\n\r\n <div>\r\n\r\n <h4>Project Presentation<\/h4>\r\n\r\n <p>\r\n We gave the studio's projects the space they deserved. Large visuals, clean layouts,\r\n thoughtful spacing, and simple navigation allow visitors to focus on the architecture\r\n instead of fighting through a cluttered website.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"nuevell-case-study-approach-item\">\r\n\r\n <span class=\"nuevell-case-study-approach-num\">03<\/span>\r\n\r\n <div>\r\n\r\n <h4>Trust & Credibility<\/h4>\r\n\r\n <p>\r\n We introduced the right credibility elements throughout the experience so potential clients\r\n could understand the studio, its capabilities, its work, and its approach before making an\r\n enquiry.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"nuevell-case-study-approach-item\">\r\n\r\n <span class=\"nuevell-case-study-approach-num\">04<\/span>\r\n\r\n <div>\r\n\r\n <h4>Enquiry Journey<\/h4>\r\n\r\n <p>\r\n The website was structured around one clear objective: make it easy for serious prospects to\r\n move from exploring the portfolio to starting a conversation with Vetra Studio.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <!-- ============ GALLERY: WEBSITE EXPERIENCE ============ -->\r\n <section class=\"nuevell-case-study-section\">\r\n\r\n <div class=\"nuevell-case-study-wrap\">\r\n\r\n <span class=\"nuevell-case-study-eyebrow\">\r\n The Design\r\n <\/span>\r\n\r\n <h2 class=\"nuevell-case-study-section-heading\" style=\"max-width:640px;\">\r\n A Portfolio Designed to Make the Work Speak for Itself\r\n <\/h2>\r\n\r\n <p style=\"margin-top:16px; font-size:16px; color:#3A3A38; max-width:640px;\">\r\n For an architecture studio, the portfolio is often the strongest sales asset. We kept the experience\r\n focused, visual, and intentional so visitors could understand the quality of Vetra Studio's work without\r\n unnecessary distractions.\r\n <\/p>\r\n\r\n\r\n <div class=\"nuevell-case-study-gallery-grid\">\r\n\r\n <div>\r\n\r\n <div class=\"nuevell-case-study-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/nuevell.com\/pk\/wp-content\/uploads\/sites\/3\/2026\/08\/vetra-studio-webpage-01.png\"\r\n alt=\"Vetra Studio architecture portfolio website design\">\r\n\r\n <\/div>\r\n\r\n <p class=\"nuevell-case-study-gallery-caption\">\r\n A stronger first impression for the studio\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <div class=\"nuevell-case-study-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/nuevell.com\/pk\/wp-content\/uploads\/sites\/3\/2026\/08\/vetra-studio-webpage-02.png\"\r\n alt=\"Vetra Studio architectural project presentation\">\r\n\r\n <\/div>\r\n\r\n <p class=\"nuevell-case-study-gallery-caption\">\r\n Architecture services presented with clarity\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <div class=\"nuevell-case-study-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/nuevell.com\/pk\/wp-content\/uploads\/sites\/3\/2026\/08\/vetra-studio-webpage-03.png\"\r\n alt=\"Vetra Studio architecture and interior design portfolio\">\r\n\r\n <\/div>\r\n\r\n <p class=\"nuevell-case-study-gallery-caption\">\r\n Clear Process to help client understand the project journey\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <div class=\"nuevell-case-study-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/nuevell.com\/pk\/wp-content\/uploads\/sites\/3\/2026\/08\/vetra-studio-webpage-04.png\"\r\n alt=\"Vetra Studio architectural design portfolio section\">\r\n\r\n <\/div>\r\n\r\n <p class=\"nuevell-case-study-gallery-caption\">\r\n Past Clients Testimonials to increase trust\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <!-- ============ FROM PORTFOLIO TO BUSINESS TOOL ============ -->\r\n <section class=\"nuevell-case-study-section\">\r\n\r\n <div class=\"nuevell-case-study-wrap nuevell-case-study-section-grid\">\r\n\r\n <div>\r\n\r\n <span class=\"nuevell-case-study-eyebrow\">\r\n From Portfolio to Business Tool\r\n <\/span>\r\n\r\n <h2 class=\"nuevell-case-study-section-heading\">\r\n More Than a Portfolio Website\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"nuevell-case-study-section-body\">\r\n\r\n <p>\r\n The biggest opportunity was to make the website do more than display completed projects. It needed\r\n to help Vetra Studio start conversations with better informed prospects.\r\n <\/p>\r\n\r\n <p>\r\n A potential client can now explore the studio, understand its design approach, review previous work,\r\n see the quality of presentation, and reach out with a much clearer understanding of what Vetra\r\n Studio can offer.\r\n <\/p>\r\n\r\n <p>\r\n This means the website becomes part of the sales conversation before the first call even happens.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"nuevell-case-study-wrap\">\r\n\r\n <div class=\"nuevell-case-study-gallery-grid\">\r\n\r\n <div>\r\n\r\n <div class=\"nuevell-case-study-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/nuevell.com\/pk\/wp-content\/uploads\/sites\/3\/2026\/08\/vetra-studio-webpage-05.png\"\r\n alt=\"Vetra Studio services and architectural portfolio website\">\r\n\r\n <\/div>\r\n\r\n <p class=\"nuevell-case-study-gallery-caption\">\r\n Clear call to actions to increase project Bookings\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <div class=\"nuevell-case-study-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/nuevell.com\/pk\/wp-content\/uploads\/sites\/3\/2026\/08\/vetra-studio-webpage-06.png\"\r\n alt=\"Vetra Studio credibility and architecture studio website section\">\r\n\r\n <\/div>\r\n\r\n <p class=\"nuevell-case-study-gallery-caption\">\r\n Credibility built into the experience\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <!-- ============ THE RESULT ============ -->\r\n <section class=\"nuevell-case-study-section\">\r\n\r\n <div class=\"nuevell-case-study-wrap nuevell-case-study-result-grid\">\r\n\r\n <div>\r\n\r\n <span class=\"nuevell-case-study-eyebrow\">\r\n Final Results We Obtained\r\n <\/span>\r\n\r\n <h2 class=\"nuevell-case-study-section-heading\">\r\n A Portfolio That Helps Clients See the Value Before They Meet the Team\r\n <\/h2>\r\n\r\n <p style=\"margin-top:16px; font-size:15px; color:#3A3A38; max-width:360px;\">\r\n The finished website gave Vetra Studio a professional digital presence that better reflects the\r\n quality of its work and makes it easier for potential clients to confidently take the next step.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <p style=\"font-size:15.5px; color:#3A3A38; margin-bottom:8px;\">\r\n What we built was more than a visual redesign. It became a complete digital foundation for the\r\n studio:\r\n <\/p>\r\n\r\n\r\n <ul class=\"nuevell-case-study-built-list\">\r\n\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Premium studio positioning\r\n <\/li>\r\n\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Refined visual identity online\r\n <\/li>\r\n\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Stronger project presentation\r\n <\/li>\r\n\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Clear portfolio structure\r\n <\/li>\r\n\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Better trust and credibility\r\n <\/li>\r\n\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Clearer service presentation\r\n <\/li>\r\n\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n More confident client journey\r\n <\/li>\r\n\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Stronger enquiry experience\r\n <\/li>\r\n\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n A premium platform for future projects\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"nuevell-case-study-wrap\">\r\n\r\n <div class=\"nuevell-case-study-gallery-grid nuevell-case-study-gallery-single\" style=\"margin-top:56px;\">\r\n\r\n <div class=\"nuevell-case-study-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/nuevell.com\/pk\/wp-content\/uploads\/sites\/3\/2026\/08\/vetra-studio-webpage-07.png\"\r\n alt=\"Vetra Studio full architecture portfolio website\">\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <!-- ============ ADDITIONAL DESIGN SHOWCASE ============ -->\r\n <section class=\"nuevell-case-study-section\">\r\n\r\n <div class=\"nuevell-case-study-wrap\">\r\n\r\n <span class=\"nuevell-case-study-eyebrow\">\r\n The Final Experience\r\n <\/span>\r\n\r\n <h2 class=\"nuevell-case-study-section-heading\" style=\"max-width:640px;\">\r\n A Digital Identity Muzzamil Could Confidently Put in Front of Clients\r\n <\/h2>\r\n\r\n <p style=\"margin-top:16px; font-size:16px; color:#3A3A38; max-width:640px;\">\r\n The final experience was designed to feel as considered as the spaces Vetra Studio creates. Clean\r\n layouts, strong imagery, thoughtful typography, and clear messaging work together to give the studio a\r\n website it can confidently share with prospective clients.\r\n <\/p>\r\n\r\n\r\n <div class=\"nuevell-case-study-gallery-grid\">\r\n\r\n <div>\r\n\r\n <div class=\"nuevell-case-study-gallery-item\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/nuevell.com\/pk\/wp-content\/uploads\/sites\/3\/2026\/08\/vetra-studio-webpage-08.png\"\r\n alt=\"Vetra Studio premium architecture website final design\">\r\n\r\n <\/div>\r\n\r\n <p class=\"nuevell-case-study-gallery-caption\">\r\n A complete premium portfolio experience for Vetra Studio\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <!-- ============ FOUNDER'S FEEDBACK ============ -->\r\n <section class=\"nuevell-case-study-testimonial-section\">\r\n\r\n <div class=\"nuevell-case-study-wrap\">\r\n\r\n <span class=\"nuevell-case-study-eyebrow nuevell-case-study-testimonial-eyebrow\">\r\n Founder's Feedback\r\n <\/span>\r\n\r\n\r\n <div class=\"nuevell-case-study-trust-badge\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/nuevell.com\/pk\/wp-content\/uploads\/sites\/3\/2026\/08\/trust-nuevell-bagde-01.svg\"\r\n alt=\"Trusted by Nuevell\">\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"nuevell-case-study-quote\">\r\n \"I am very impressed by the quality Portfolio website the Nuevell team provided for my business. It is\r\n modern, clean, and exactly what I had in mind for my own portfolio. Now I can proudly share my past work\r\n with clients with complete confidence. Many clients already come to the conversation convinced by the\r\n quality of our work and want to work with our architectural firm.\"\r\n <\/p>\r\n\r\n\r\n <div class=\"nuevell-case-study-attribution\">\r\n\r\n <div class=\"nuevell-case-study-avatar\">\r\n MA\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <div class=\"nuevell-case-study-attribution-name\">\r\n Muzzamil Ahmed\r\n <\/div>\r\n\r\n <div class=\"nuevell-case-study-attribution-role\">\r\n Founder, Vetra Studio\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n <!-- ============ CTA ============ -->\r\n <section class=\"nuevell-case-study-cta-section\">\r\n\r\n <div class=\"nuevell-case-study-wrap\">\r\n\r\n <span class=\"nuevell-case-study-eyebrow\">\r\n Ready to Build a Website That Represents Your Work?\r\n <\/span>\r\n\r\n\r\n <h2 class=\"nuevell-case-study-cta-heading\">\r\n Your Portfolio Should Build Trust Before You Enter the Meeting.\r\n <\/h2>\r\n\r\n\r\n <p class=\"nuevell-case-study-cta-sub\">\r\n Nuevell is currently taking on a limited number of website projects. Let's talk about how a premium\r\n website can help your architecture, interior design, or construction business present its work and\r\n attract better enquiries.\r\n <\/p>\r\n\r\n\r\n <div class=\"nuevell-case-study-cta-buttons\">\r\n\r\n <a href=\"https:\/\/nuevell.com\/pk\/#contact\" class=\"nuevell-case-study-btn nuevell-case-study-btn-primary\">\r\n Start your project\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n\r\n\r\n <button class=\"nuevell-case-study-btn nuevell-case-study-btn-secondary nuevell-chat-trigger\">\r\n Start live chat\r\n <i class=\"fa-regular fa-comment-dots\"><\/i>\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Revive Cosmetics , Case Study | Nuevell Case Study How We Helped Vetra Studio Build a Premium Portfolio That Wins Client Trust Before the First Meeting Client Vetra Studio Industry Architecture & Interior Design Project Premium Portfolio Website Design & Development Visit Site vetrastudio.com Problem Statement An Established Architectural Studio That Needed a Premium Portfolio […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2826","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/nuevell.com\/pk\/wp-json\/wp\/v2\/pages\/2826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuevell.com\/pk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuevell.com\/pk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuevell.com\/pk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nuevell.com\/pk\/wp-json\/wp\/v2\/comments?post=2826"}],"version-history":[{"count":5,"href":"https:\/\/nuevell.com\/pk\/wp-json\/wp\/v2\/pages\/2826\/revisions"}],"predecessor-version":[{"id":2841,"href":"https:\/\/nuevell.com\/pk\/wp-json\/wp\/v2\/pages\/2826\/revisions\/2841"}],"wp:attachment":[{"href":"https:\/\/nuevell.com\/pk\/wp-json\/wp\/v2\/media?parent=2826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}