Kopola Design Partners · 2022 · Company Portfolio · New Product

Turning a Static Portfolio into a Growth Engine

Turning a young architecture studio's PDF-only portfolio into a website that helped it grow from 8 to 21 projects in 3 years.

UX/UI Design Web Design Project Manager End-to-End Fullstack Engineering
Turning a Static Portfolio into a Growth Engine

From 8 to 21

Projects Delivered Since Launch

4x

Growth in Monthly Visitors

112%

2025's Total Hit in Just 7 Months

The Problem

Great Work, Buried in a PDF Nobody Wanted to Open

Kopola Design Partners — a young architecture and interior design studio built around a cooperative, collaborative design approach — was struggling to attract new clients and grow its visibility. Its only portfolio existed as a static PDF: hard to share, impossible to browse, and giving potential clients no real sense of the studio's range, quality, or credibility.

Without a professional online presence, Kopola was losing business it should have been winning — especially with its target audience of newlywed couples and busy professionals looking to build a home.

The Objective

Build the Front Door Kopola Never Had

Design and build a website that:

  • Showcases Kopola's work and services in a way that resonates with the target audience
  • Establishes a professional, credible online presence
  • Is optimized for discoverability (SEO) so the right clients can actually find the studio
  • Differentiates Kopola from competitors and supports long-term business growth

My Role

This was a self-initiated personal project done end-to-end, solo — design, front-end & back-end code, project management, and direct client handling, with no other team members involved. That means there were no internal stakeholders to align or negotiate with; the only "stakeholder" in the traditional sense was the client (Kopola) itself, and the primary constraint was the one every solo practitioner knows well: everything — research, design, and build — had to fit inside the time and resources of one person.

Research

Before finalizing the design, I ran qualitative usability testing on the low-fidelity design — not the final visuals — with the goal of understanding respondents' perceptions of content positioning, look & feel, user flow, and UI concept, and identifying where confusion or cognitive load might occur. The analysis focused on the why behind what respondents did and said, rather than counting how many said what.

5 respondents were recruited matching Kopola's actual target client profile: income 20–40 million IDR/month, age 30–45, based in Greater Jakarta, Yogyakarta, or Bali, working as civil servants or private company employees, and either having used an architect before or actively looking for one — captured well in one respondent's own framing: "I need a trustworthy architect that can fulfill my dream house."

In-depth interviews were structured page by page — Homepage, Detail Page, About Page, Contact Page — each anchored by a main comprehension question (e.g. "Can you tell what Kopola does?") followed by specific probes on what drew attention, what they expected from certain actions, and what they'd prioritize.

Homepage findings: Respondents understood Kopola's specialty and "make dream come true" brand mantra, and liked being able to see the studio's work within one scroll. But the project list undercut that: black-and-white thumbnails took longer to read than the color hero image above them, the thumbnails felt too small, title/year text blocked the image itself, the red rectangle accent felt disturbing without adding value, and the number of projects shown by default risked cognitive overload and drop-off on a first visit.

Detail Project findings: Respondents appreciated seeing a bigger project preview, but repeating the title and cover image they'd already seen in the list felt redundant, the description text column was too wide to read comfortably, and respondents wanted to compare description against images without having to scroll up and down repeatedly.

About Page findings: The studio's selling point came across clearly and testimonials were reassuring, but respondents expected concrete service information (budgeting documents, interior sourcing, contractor coordination, 3D views, revision policy) — content the page didn't yet have. One respondent summed it up directly: if the page was only going to promise what Kopola could do, it would be more useful folded into the homepage than kept as a separate page.

Contact Page findings: No usability issues here — the one request was to surface contact info (email/phone) in the top navigation so it's reachable from anywhere on the site, not just the Contact page.

These findings — not personal design preference — directly shaped what changed between the low-fidelity design and the final site.

Strategy

Let the Portfolio Do the Convincing, Then Make It Effortless to Reach Out

The usability findings pointed to a clear pattern: it wasn't that Kopola's work wasn't good enough to convince people — it was that small, specific frictions were getting in the way of that work landing. The strategy was to resolve those frictions directly rather than redesign from scratch:

  • Let the photography carry the credibility it already had — replace black-and-white thumbnails with full-color images in the project list, matching the quality respondents already recognized in the hero image, and reduce visual noise (dropping the disturbing red rectangle accent) so the image itself is the focus.
  • Reduce cognitive load on first visit — show a more manageable default number of projects with a clear "Load More" action, instead of overwhelming first-time visitors.
  • Close the gap between "promise" and "proof" on About — give the page the concrete service information respondents were actually looking for (what Kopola does, step by step), turning it from a page that only asserted quality into one that demonstrated process.
  • Make contact effortless from anywhere — surface contact info directly in the top navigation, rather than requiring a dedicated page visit to reach it.

Design Solutions

Lo-Fi Design

The starting point was a generic template-style site: a hero banner with placeholder copy, an unfiltered project grid, and thin About and Contact pages with stock imagery and Lorem Ipsum text. It technically had all four pillars — Works, About, Contact — but none of them were built around what the research showed visitors actually needed.

Final Design

The rebuilt homepage leads with a distinct visual identity — a warm, sunset-toned gradient and a bold "kopola" wordmark — replacing the generic hero. Below it, the Works grid now uses full-color photography with a manageable default count and a clear "Load More" action, directly addressing the black-and-white-thumbnail and cognitive-overload findings from testing.

Each project detail page now carries full metadata (Location, Category, Area, Type, Year, Photographer) alongside a proper photo gallery — turning a single flat image into something that actually demonstrates the quality of the work.

A new Services page was added laying out Kopola's offerings and design process (Conceptual Design → Design Development → Construction Development → Project Supervision) step by step, so visitors understand what working with Kopola actually looks like before they ever reach out.

The About page moved from a stiff stock photo and filler paragraph to a real studio story and client testimonials, giving the "credibility" job real substance instead of a placeholder.

Every page carries the same closing CTA — "Hello, Partner! If you have a project you'd like to discuss..." — turning passive browsing into a clear, repeated invitation to contact the studio.

Impact

From 8 Projects to 21, and a Traffic Curve That's Still Climbing

From 8 Projects to 21 — And Counting

Kopola's active project count grew from 8 to 21 within three years of the site's launch — nearly tripling the studio's client base, with the website serving as the credible, discoverable front door that replaced the old PDF portfolio entirely.

4x the Monthly Reach

Average monthly unique visitors grew from roughly 148/month in the site's launch year (2022) to over 618/month in 2026 — more than 4x growth in under four years, with total site interactions (hits) climbing from 28,613 in 2022 to 121,742 in 2025.

Still Speeding Up, Not Leveling Off

In just the first 7 months of 2026, unique visitors (4,329) already surpassed the entire 12-month total for 2025 (3,846) — a sign the site's reach is compounding, not plateauing.

Personal Takeaways

Let the Respondents Overrule Your Taste

It was tempting to "fix" things based on personal preference — a color scheme, a layout flourish — but the usability findings kept the priorities honest instead. Working solo meant there was no one else to check a decision against, so the respondents' own words became the closest thing to a second opinion.

Fix the Friction Before the Finish

Black-and-white thumbnails and first-visit cognitive overload weren't glamorous problems, but they were the ones respondents actually named. Solving those mattered more than any visual polish, even when the polish felt like the more exciting thing to work on.

No Stakeholders to Convince — Just No One Else to Blame

Since this was a solo, self-initiated project, there were no internal stakeholders or team negotiations to navigate — worth stating plainly rather than leaving it implied. The trade-off is that every call, right or wrong, was mine alone to make and own.

Other case study

Lets talk.

Product challenge, design review, or just a coffee convo? I'm here.