Erjon Vranovci, founder of Troiana
Author

Erjon Vranovci

Founder & Design–Engineering Lead · Troiana

I founded Troiana because good ideas too often die in the gap between the design file and the codebase. So I built a studio where the person who draws the screen is the person who ships it — one team, end to end. I write here about design, engineering, and getting the result found: SEO to rank in search, and GEO to get cited by ChatGPT, Perplexity, and Google’s AI answers.

165
Articles published
76
Development
45
Visibility
44
Design
Aug 2026
Latest
Published work
Design·
How Long Does UI/UX Design Take?
A focused UI/UX project may take 3–6 weeks; an MVP often takes 8–16 weeks. See phase timelines, scope factors, delays, and ways to move faster safely.
Read →
Design·
How to Choose a Product Designer for a Real Software Product
Choose a product designer by problem framing, research judgement, workflow depth, systems thinking, accessibility, collaboration, and evidence.
Read →
Development·
API-First Development: When It Helps and When It Adds Work
API-first development defines the interface contract before implementation. Learn when it helps multiple teams and consumers—and when it adds ceremony.
Read →
Development·
Authentication for Web Apps: The Decisions Teams Miss
Plan web-app authentication across providers, enrollment, verification, sessions, recovery, MFA, roles, tenant isolation, revocation, support, and logs.
Read →
Design·
How Much Does UI/UX Design Cost in 2026?
UI/UX design may cost $5,000–$20,000 for a focused product area and $20,000–$75,000+ for complex products. See the main scope and cost drivers.
Read →
Development·
Monolith vs Microservices for a New Product
Compare a modular monolith and microservices by team size, domain boundaries, deployment, data, reliability, scale, observability, and operating cost.
Read →
Development·
How to Prevent Scope Creep Without Freezing the Product
Prevent scope creep with outcomes, non-objectives, acceptance criteria, one decision owner, backlog separation, change records, and explicit trade-offs.
Read →
Development·
How Much Technical Debt Is Acceptable in an MVP?
An MVP can defer scale, automation, polish, and flexibility—but not security, data integrity, testing, monitoring, recovery, or core maintainability.
Read →
Development·
What Testing Does a Web App Actually Need Before Launch?
Test web-app rules, permissions, integrations, critical journeys, accessibility, security, performance, compatibility, data, recovery, and monitoring.
Read →
Development·
When Should You Refactor—and When Should You Leave It Alone?
Refactor when code slows valuable changes, causes defects, blocks testing, or creates risk. Leave stable code alone when change has no clear payoff.
Read →
Development·
How Long Should Product Discovery Take?
Product discovery often takes 1–6 weeks, depending on uncertainty, users, data, integrations, risk, and decision access. Learn the exit criteria.
Read →
Development·
How to Estimate Software Development Without Pretending It Is Certain
Estimate software through outcomes, workflows, data, integrations, operations, assumptions, and risk. Use ranges and update forecasts as evidence improves.
Read →
Development·
How to Write a Product Requirements Document Engineers Can Use
Write a useful PRD with context, outcomes, users, scope, rules, data, states, permissions, dependencies, acceptance criteria, risks, and open questions.
Read →
Development·
Product Roadmap vs Project Plan: Different Questions, Different Tools
A product roadmap shows outcomes and sequencing; a project plan coordinates committed scope, tasks, owners, dependencies, dates, and delivery.
Read →
Development·
Build vs Buy Software: A Practical Decision Framework
Compare building and buying software by strategic value, workflow fit, integration, data, speed, internal capability, total cost, control, and exit risk.
Read →
Development·
How to Choose a Tech Stack Without Chasing Trends
Choose a tech stack by product constraints, team capability, ecosystem maturity, data, security, operations, portability, cost, and reversibility.
Read →
Development·
No-Code MVP vs Custom MVP: Choose by Risk, Not Fashion
Compare no-code and custom MVPs by speed, cost, workflow fit, data, integrations, UX, security, portability, scale, and the evidence your test requires.
Read →
Development·
What Is Product Discovery—and What Should It Produce?
Product discovery investigates users, problems, value, feasibility, and business constraints before delivery. Learn the questions, outputs, and stop conditions.
Read →
Development·
How Long Does It Take to Build an MVP?
A focused custom MVP often takes 8–16 weeks. See timelines for prototypes, no-code tests, web and mobile MVPs, plus the dependencies that cause delays.
Read →
Development·
Proof of Concept vs Prototype vs MVP
A proof of concept tests feasibility, a prototype tests interaction and understanding, and an MVP tests real value and behaviour. See outputs and sequence.
Read →
Development·
Prototype vs MVP: What Should You Build First?
A prototype tests a concept or interaction without production behaviour. An MVP delivers a real outcome to real users. Learn which evidence each produces.
Read →
Development·
What Should an MVP Include—and What Should Wait?
An MVP needs a clear hypothesis, one complete value workflow, necessary data and states, safe access, analytics, support, and success and stop criteria.
Read →
Visibility·
Changing Domains: What Happens to SEO and How to Protect It
A domain change can cause ranking fluctuation. Protect SEO with URL mapping, permanent redirects, canonical updates, verification, testing, and monitoring.
Read →
Development·
How Much Does It Cost to Build an MVP in 2026?
MVP development commonly costs $15,000–$75,000. See planning ranges, cost drivers, hidden work, and ways to reduce scope without weakening the test.
Read →
Visibility·
How to Build a Redirect Map for a Website Migration
Build a redirect map by combining URL sources, classifying old pages, matching intent to the closest replacement, removing chains, and testing responses.
Read →
Design·
How to Measure Whether a Website Redesign Worked
Measure redesign success with a baseline, task and business metrics, search visibility, accessibility, performance, editorial efficiency, and user evidence.
Read →
Development·
How Long Should a Website Redesign Take?
A custom website redesign often takes 10–20 weeks. See the phase-by-phase timeline, major dependencies, common delays, and ways to launch sooner safely.
Read →
Development·
How Much Does a Website Redesign Cost in 2026?
Website redesigns range from $5,000 for a focused refresh to $75,000+ for strategy, content, custom design, development, integrations, and migration.
Read →
Design·
How to Plan a Website Redesign From Evidence, Not Taste
Plan a redesign by capturing the baseline, auditing content and journeys, defining outcomes, prioritising scope, protecting SEO, and assigning decisions.
Read →
Visibility·
The Website Migration Checklist: Before, During, and After Launch
Use this website migration checklist for URLs, redirects, content, canonicals, robots, sitemaps, analytics, performance, QA, launch, and monitoring.
Read →
Design·
How Often Should You Redesign Your Website?
Websites need continuous improvement and occasional redesign—not replacement on a fixed cycle. Learn which signals justify a redesign and which do not.
Read →
Development·
How to Choose Website Hosting Without Overbuying Infrastructure
Choose website hosting by architecture, traffic, locations, deployment, backups, support, security, observability, data needs, portability, and total cost.
Read →
Design·
11 Signs Your Website Needs a Redesign
Redesign is justified when problems span positioning, navigation, conversion, content, CMS, accessibility, performance, integrations, maintenance, or trust.
Read →
Development·
Who Owns the Code, Domain, and Design After a Website Project?
Clarify ownership of website code, domain, hosting, design files, content, fonts, plugins, data, and accounts before signing. Use this handover checklist.
Read →
Development·
Headless CMS vs Traditional CMS: A Decision Guide
Compare headless and traditional CMS architecture across editing, preview, performance, channels, integrations, maintenance, cost, and team capability.
Read →
Development·
How Much Does Website Maintenance Cost?
Website maintenance may cost under $100 monthly for a simple managed site or thousands for a custom platform. See what changes the price and scope.
Read →
Development·
Static vs Dynamic Websites: What Changes in Cost and Capability?
Compare static and dynamic websites by rendering, CMS workflow, personalization, search, performance, security, hosting, maintenance, and development cost.
Read →
Development·
What Website Maintenance Should Actually Include
Website maintenance should cover monitoring, backups, updates, access, forms, errors, performance, renewals, recovery, reporting, and defined support.
Read →
Development·
How Many Pages Does a Business Website Actually Need?
Business websites need distinct pages for their offers, evidence, company, contact, and high-value questions. Use this method to find the right number.
Read →
Development·
How to Choose the Right CMS for Your Website
Choose a CMS by testing content structure, workflows, preview, permissions, localization, integrations, performance, portability, security, and cost.
Read →
Development·
How to Write a Website Brief That Produces Better Work
Write a website brief that defines objectives, audiences, content, functionality, constraints, evidence, responsibilities, budget, timeline, and success.
Read →
Development·
Website Requirements: A Practical Guide for Non-Technical Teams
Define useful website requirements across users, content, functionality, integrations, accessibility, performance, SEO, operations, and acceptance.
Read →
Development·
How to Choose a Web Design Agency Without Buying a Sales Pitch
Choose a web design agency by testing its reasoning, delivery team, scope, QA, ownership, and evidence—not awards, jargon, or a polished sales meeting.
Read →
Development·
Web Agency vs Freelancer: How to Choose for Your Project
Compare a web agency and freelancer by scope, continuity, speed, cost, accountability, and risk—then choose the model your project actually needs.
Read →
Development·
What a Good Website Proposal Should Include
A website proposal should define outcomes, scope, responsibilities, assumptions, costs, ownership, launch, and support. Use this checklist to compare bids.
Read →
Development·
What Your Web Agency Needs Before the Project Starts
Prepare objectives, evidence, content ownership, access, constraints, stakeholders, and approvals before a website project begins. Use the complete checklist.
Read →
Development·
Custom Website vs Template: Which One Does Your Business Need?
Compare custom websites and templates by cost, speed, flexibility, performance, maintenance, and risk—then choose based on the constraints that matter.
Read →
Development·
How Long Does It Take to Design and Build a Custom Website?
Most custom websites take 8–16 weeks. See a phase-by-phase timeline, what causes delays, and how to launch faster without cutting quality.
Read →
Development·
How Much Does a Custom Website Cost in 2026?
Custom websites commonly range from $8,000 to $75,000+. See what changes the price, what a quote should include, and how to set a sensible budget.
Read →
Visibility·
How to Redesign a Website Without Losing SEO
Protect rankings during a redesign with a complete URL inventory, content map, 301 redirects, technical QA, and a disciplined post-launch watch.
Read →
Development·
How to Build an Audit Log People Can Actually Use
Learn what to record in a product audit log, how to make events understandable, and how to protect the log without collecting dangerous data.
Read →
Design·
How to Design Error States Users Can Recover From
Design product error states that explain what happened, preserve users' work, and provide a specific path to recovery.
Read →
Design·
How to Design Search Inside a Product
Design useful in-product search by defining searchable content, ranking intent, filters, empty results, and measurable relevance.
Read →
Development·
Internationalization Is an Architecture Decision, Not a Translation Task
Why internationalization affects data, layouts, URLs, formatting, search, and product architecture long before translation begins.
Read →
Design·
How to Design Roles and Permissions Before the UI
Learn how to map product roles, permissions, scope, and edge cases before designing screens—and avoid an access model held together by hidden buttons.
Read →
Development·
How to Model Product Data Before Writing Code
A practical guide to identifying product entities, relationships, states, constraints, and deletion rules before committing them to code.
Read →
Development·
The Tools Reshaping Front-End Development in 2026
A trend report on the tools genuinely reshaping front-end development in 2026: build tooling speed improvements, AI-assisted coding.
Read →
Development·
Are We Past the JavaScript Framework Wars?
A trend report on whether the era of intense JavaScript framework competition has settled, and what that stabilization means for how teams should make.
Read →
Development·
Edge Rendering: What It Means for Your Site
A trend report on edge rendering: what it actually changes about where and how a page is generated, and whether it's worth adopting for a given site.
Read →
Development·
The State of CSS in 2026
A trend report on the state of CSS in 2026: native features that have replaced preprocessor and JavaScript workarounds, and what this means for modern.
Read →
Development·
Ship Small, Ship Often: A Studio’s Take
An opinion piece on why shipping small, frequent changes produces better outcomes than large, infrequent releases, from a working studio's perspective.
Read →
Development·
The Real Cost of Technical Debt
An opinion piece on how technical debt actually costs a team over time, beyond the abstract metaphor, and why it's worth measuring and addressing deliberately.
Read →
Development·
What’s Actually New in Web Development This Year
A trend report distinguishing genuinely new, adoptable web development capabilities this year from incremental noise, with a focus on what's actually worth.
Read →
Development·
Performance Is a Feature, Not a Phase
An opinion piece arguing that performance should be treated as an ongoing product feature with continuous investment, not a one-time optimization phase.
Read →
Development·
The Case for Boring Technology
An opinion piece arguing for choosing proven, well-understood technology over exciting new tools for most of a project's technical decisions.
Read →
Development·
Why We Run Design and Development as One Team
An opinion piece on why treating design and development as one integrated team, rather than separate departments with a handoff between them.
Read →
Development·
How to Migrate From WordPress to a Static Front End
A tutorial on migrating a WordPress site to a static front end: content export, URL preservation, redirect handling, and what to keep versus rebuild.
Read →
Development·
How to Optimize a Web Font for Speed
A tutorial on optimizing web fonts for speed: subsetting, format choice, font-display strategy, and self-hosting versus third-party delivery.
Read →
Development·
How to Set Up Automated Visual Regression Tests
A tutorial on setting up automated visual regression testing: capturing baseline screenshots, tuning sensitivity to avoid false positives.
Read →
Development·
How to Add Dark Mode With CSS Variables
A tutorial on implementing dark mode in code using CSS variables: theme scoping, respecting system preference, and avoiding a duplicated stylesheet.
Read →
Development·
How to Measure Real-User Performance
A tutorial on measuring real-user performance (RUM) rather than relying solely on lab tests: what to collect, how to segment it.
Read →
Development·
How to Secure a Static Site With HTTP Headers
A tutorial on securing a static site with HTTP security headers: Content-Security-Policy, HSTS, and the other headers worth setting even without server-side.
Read →
Development·
How to Add a Headless CMS Without the Bloat
A tutorial on adding a headless CMS to a site without adding unnecessary complexity: when it's actually needed, choosing a lean option.
Read →
Development·
How to Set Up a CI/CD Pipeline for a Small Team
A tutorial on setting up a practical CI/CD pipeline for a small team: what to automate first, keeping the pipeline fast, and avoiding over-engineering for a.
Read →
Development·
How to Set Up Design Tokens in Code
A tutorial on implementing design tokens in code: from a design tool's token definitions to CSS variables or a build pipeline, and keeping the two in sync.
Read →
Development·
From Prototype to Production: Shipping Web Apps That Last
A complete guide to taking a web app from prototype to production: what changes between the two, the checklist most teams skip.
Read →
Development·
How to Structure a Scalable Next.js Project
A tutorial on structuring a Next.js project for long-term scalability: folder organization, route grouping, shared component placement.
Read →
Development·
Modern Front-End Architecture: A Complete Guide
A complete guide to modern front-end architecture: rendering strategies, component structure, state management, and choosing the right approach for a.
Read →
Design·
Bento Grids: Hype or Here to Stay?
A trend report evaluating bento grid layouts honestly: what they're genuinely good for, where they're overused, and whether the pattern has staying power.
Read →
Design·
How AI Tools Are Changing the Designer’s Workflow
A trend report on how AI tools are actually changing day-to-day design workflow: where they genuinely help, where they fall short.
Read →
Design·
Motion Design Patterns Worth Adopting Now
A trend report on motion design patterns worth adopting now: systemized easing and duration tokens, purposeful micro-interactions.
Read →
Visibility·
The AI Search Readiness Playbook: How to Interpret and Improve Your AI Audit Score
A complete, practical playbook for interpreting your AI Audit score and fixing retrievability, technical health, structural clarity, and content extractability issues.
Read →
Design·
Accessibility Is Not a Feature
An opinion piece arguing that accessibility should be treated as a baseline requirement of good design, not an optional add-on feature to be scoped separately.
Read →
Design·
Design Trends That Will Actually Stick in 2026
A trend report distinguishing which 2026 design trends reflect durable shifts in how products are built versus which are likely short-lived visual fashion.
Read →
Design·
The Return of Editorial Layouts on the Web
A trend report on the resurgence of editorial, print-influenced layouts on the web, what's enabling it technically, and how to apply it well.
Read →
Design·
Good Design Is Invisible Until It’s Gone
An opinion piece on why good design is often unnoticed by users, and why that invisibility is a sign of success rather than a lack of recognition.
Read →
Design·
Why Consistency Beats Creativity in Product UI
An opinion piece arguing that consistency, not novelty, is what makes product UI usable, and where creative energy is actually better spent instead.
Read →
Design·
Why Your Brand Is More Than a Logo
An opinion piece on why brand identity extends far beyond a logo mark, and why treating the logo as the whole deliverable undersells what actually builds.
Read →
Design·
How to Run a Usability Test With Five People
A tutorial on running a lightweight usability test with just five participants: task selection, moderation technique, and how to turn observations into fixes.
Read →
Design·
The Myth of the Pixel-Perfect Handoff
An opinion piece arguing that pursuing a pixel-perfect design handoff misses the point of what actually makes design-to-development collaboration work.
Read →
Design·
UI vs UX: The Difference That Actually Matters
An opinion piece clarifying the practical difference between UI and UX, beyond the often-repeated dictionary definitions.
Read →
Visibility·
What Is ChatGPT? The Complete Guide
A complete guide to ChatGPT in 2026: what it is, how it works, every plan and price, the GPT-5.6 model lineup, Projects and memory, Deep Research and agents, a 12-prompt library, and what it means for your visibility.
Read →
Visibility·
What Is Claude AI? The Complete Guide
A complete guide to Claude in 2026: what it is, who Anthropic are, the Haiku-to-Fable model lineup, every plan and price, Artifacts, Claude Code, MCP, a 12-prompt library, and what it means for your visibility.
Read →
Design·
How to Design Dark Mode Without Doubling Your Work
A tutorial on designing dark mode efficiently: building it into the semantic token layer from the start, rather than maintaining two separate designs.
Read →
Design·
How to Document a Component for Handoff
A tutorial on documenting a design component so engineering can build it correctly the first time: states, spacing, content rules, and behavior specifications.
Read →
Design·
How to Prototype an Interaction Before You Build It
A tutorial on prototyping interactions before committing engineering time to them: choosing fidelity level, what to actually test.
Read →
Design·
How to Design Forms People Finish
A tutorial on designing forms with higher completion rates: field reduction, inline validation, smart defaults, and error messages that actually help.
Read →
Design·
How to Set Up a Type Scale With CSS Variables
A tutorial on implementing a type scale in code using CSS variables: modular scale ratios, responsive sizing, and keeping design and code in sync.
Read →
Design·
How to Write Microcopy That Reduces Support Tickets
A tutorial on writing UI microcopy — labels, errors, empty states, tooltips — that prevents confusion before it turns into a support ticket.
Read →
Design·
How to Build a Spacing Scale You’ll Actually Use
A tutorial on building a spacing scale for a design system that teams actually use consistently, instead of reaching for arbitrary pixel values.
Read →
Design·
How to Run a Design Audit on Your Own Product
A tutorial on running a design audit of your own product: what to check for consistency, accessibility, and usability, and how to prioritize what to fix first.
Read →
Design·
How to Turn Figma Designs Into a Component Library
A tutorial on converting Figma designs into a real, maintainable component library: naming conventions, variant structure.
Read →
Visibility·
Generative Engine Optimization (GEO): The 2026 Guide
A complete, practical guide to Generative Engine Optimization (GEO): what it is, how AI answer engines choose sources, and how to get your brand cited in 2026.
Read →
Design·
A Complete Guide to Brand Identity for Startups
A complete guide to building brand identity for startups: positioning, naming, visual identity, voice, and how to sequence the work with limited budget and.
Read →
Visibility·
Schema.org Updates Worth Knowing This Quarter
A trend report on staying current with schema.org and structured data changes, and a practical process for reviewing and updating your markup periodically.
Read →
Visibility·
The Rise of Answer Engines: A Field Report
A field report on the rise of AI answer engines as a distinct category from traditional search, how they're actually being used.
Read →
Visibility·
How LLM Search Is Reshaping Buyer Journeys
A trend report on how AI-mediated search is changing buyer journeys: earlier research stages moving into chat interfaces.
Read →
Visibility·
What Google’s Latest Core Update Means for You
A trend report on how to respond sensibly to a Google core update: what actually changes, common overreactions to avoid, and a practical response checklist.
Read →
Visibility·
Zero-Click Search: The New Baseline
A trend report on zero-click search becoming the default outcome for many query types, and how to build a content strategy that still generates value from it.
Read →
Visibility·
AI Overviews: What Changed in Search This Year
A field report on how AI-generated search overviews have changed the search results page this year, and what it means for content and citation strategy.
Read →
Visibility·
The State of Generative Engine Optimization in 2026
A field report on where generative engine optimization stands in 2026: what's proven, what's still speculative, and where the discipline is heading.
Read →
Visibility·
Why Speed Is a Ranking Feature, Not a Nice-to-Have
An opinion piece arguing that page speed is a core ranking and trust signal deserving the same priority as content quality, not an optional polish item.
Read →
Visibility·
Content Farms Can’t Win the AI Era
An opinion piece arguing that thin, high-volume content farming strategies are especially poorly suited to an AI-mediated search era that rewards depth and.
Read →
Visibility·
The Case Against Chasing Every Keyword
An opinion piece arguing that chasing every available keyword variation dilutes effort better spent building fewer, deeper pieces of content.
Read →
Visibility·
Why Your Brand Needs a Point of View to Rank
An opinion piece arguing that neutral, consensus-restating content underperforms content with a genuine point of view, both for search and for AI citation.
Read →
Visibility·
GEO vs SEO: Why You Now Need Both
An opinion piece arguing GEO and SEO aren't competing strategies but complementary layers built on the same technical foundation.
Read →
Visibility·
The Death of the Ten Blue Links
An opinion piece on how search results have moved past the ten-blue-links format, and what that shift actually means for how content should be built.
Read →
Visibility·
Why Most SEO Advice Ages Badly
An opinion piece on why most SEO advice has a short shelf life, and the small set of fundamentals that have actually held up over time.
Read →
Visibility·
How to Audit a Page for AI Visibility in 15 Minutes
A fast, practical 15-minute checklist for auditing a page's AI visibility: answer clarity, structured data, speed, and crawlability.
Read →
Visibility·
How to Measure Whether AI Engines Are Citing You
A tutorial on measuring AI citation visibility: manual prompt testing, referral traffic signals, and building a simple tracking routine without expensive.
Read →
Visibility·
How to Turn One Pillar Post Into a Topic Cluster
A tutorial on expanding a single strong article into a full topic cluster: finding sub-questions, prioritizing which to write first.
Read →
Visibility·
How to Fix the Core Web Vitals That Hurt Your Rankings
A tutorial on diagnosing and fixing the three Core Web Vitals — LCP, INP, and CLS — with concrete, common fixes for each.
Read →
Visibility·
How to Write Content That AI Answer Engines Actually Quote
A tutorial on writing content structured to be quoted by AI answer engines: sentence-level clarity, self-contained claims.
Read →
Visibility·
The Topic Cluster Playbook: Building Search Authority
A complete playbook for building topic clusters: pillar page structure, supporting article selection, internal linking patterns.
Read →
Development·
How to Build an Accessible Modal From Scratch
A tutorial on building an accessible modal dialog from scratch: focus trapping, keyboard handling, ARIA roles, and the mistakes that break screen readers.
Read →
Development·
How to Write CSS That Doesn't Fight You
A tutorial on writing maintainable CSS: specificity discipline, a naming convention, avoiding !important, and structuring styles so they don't accumulate.
Read →
Development·
Why Your Site Doesn't Need a Framework
An opinion piece arguing that most content-driven sites reach for a JavaScript framework by default when plain HTML, CSS.
Read →
Development·
How to Cache Assets for Instant Repeat Visits
A tutorial on caching static assets correctly: cache headers, versioned filenames, and the difference between caching HTML and caching everything else.
Read →
Development·
How to Lazy-Load Images the Right Way
A tutorial on implementing lazy loading correctly: which images to lazy-load, which to load eagerly, and the common mistakes that hurt Core Web Vitals.
Read →
Development·
How to Ship a Static Site With Zero Build Step
A tutorial on shipping a static site with zero build step: when it's the right choice, how to structure it, and how to still get componentization and content.
Read →
Visibility·
What Are Large Language Models (LLMs)?
A plain-English guide to large language models: what they are, how tokens and transformers work, what they get wrong, and how they are reshaping search.
Read →
Development·
A Complete Guide to Web Performance
A complete guide to web performance: the metrics that matter, the biggest levers (images, fonts, JavaScript, caching), and how to build a performance budget.
Read →
Design·
How to Design Empty States That Guide Users
A tutorial on designing empty states that guide rather than confuse: the three empty-state types, what each needs, and common mistakes that leave users stuck.
Read →
Design·
Why Design Systems Fail (and How to Save Yours)
An opinion piece on why design systems fail in practice — lack of ownership and governance, not bad initial components — and how to recover a system that's.
Read →
Design·
How to Choose Typography for a Digital Product
A tutorial on choosing typography for a digital product: legibility at UI sizes, weight range, pairing fonts, and building a type scale that holds up across.
Read →
Design·
How to Create Accessible Color Contrast
A tutorial on meeting accessible color contrast standards: WCAG ratios explained, common failure points, and how to bake contrast into a design system.
Read →
Design·
How to Design an Onboarding Flow That Converts
A tutorial on designing product onboarding flows that convert: reducing steps, showing value before asking for commitment.
Read →
Design·
Building a Design System That Scales
A complete guide to building a design system that scales: token architecture, component documentation, governance, and how to avoid the common failure modes.
Read →
Design·
How to Build a Color System With Design Tokens
A tutorial on building a color system with design tokens: scale construction, semantic naming, dark mode support, and accessible contrast by default.
Read →
Visibility·
Why "Write for Humans" Is No Longer Enough
An opinion piece arguing that writing for humans is necessary but no longer sufficient — content also has to be structured for machine readers.
Read →
Visibility·
How to Add JSON-LD Structured Data to Any Page
A tutorial on adding JSON-LD structured data to any page: which schema types matter most, how to nest them correctly, and how to validate before shipping.
Read →
Visibility·
How to Build Internal Links That Actually Move Rankings
A tutorial on internal linking strategy: how link equity flows, anchor text, orphan pages, and building topic clusters that reinforce each other.
Read →
Visibility·
How to Optimize Images for Speed and Search
A tutorial on image optimization for both page speed and search visibility: formats, compression, sizing, alt text, and lazy loading done correctly.
Read →
Visibility·
How to Create an SEO-Friendly URL Structure
A tutorial on building an SEO-friendly URL structure: readable paths, folder logic, what to avoid, and how to handle changes without losing rankings.
Read →
Visibility·
How to Set Up Google Search Console the Right Way
A tutorial on setting up Google Search Console correctly: property type, verification, sitemap submission, and the reports actually worth checking weekly.
Read →
Visibility·
How to Write Meta Titles and Descriptions That Get Clicks
A tutorial on writing meta titles and descriptions that improve click-through rate: length limits, what actually gets clicked, and common mistakes.
Read →
Design·
The Product Design Process, End to End
A complete walkthrough of the product design process end to end: discovery, research, structure, interface design, prototyping, and handoff.
Read →
Visibility·
How to Do Keyword Research Without Expensive Tools
A tutorial on doing real keyword research using free tools: Google Search Console, autocomplete, People Also Ask, and competitor page titles.
Read →
Visibility·
How to Structure an Article for Featured Snippets
A tutorial on structuring articles to win featured snippets: the paragraph, list, and table formats Google pulls into position zero, and how to write for each.
Read →
Visibility·
Technical SEO for Modern Websites: A Complete Guide
A complete guide to technical SEO for modern websites: crawlability, indexing, structured data, Core Web Vitals, and the fundamentals that make content.
Read →
Development·
Why We Deleted the Handoff
An opinion piece on why Troiana runs design and development as one team, and why the classic design-to-development handoff quietly wastes so much of a project.
Read →
Visibility·
How to Add FAQ Schema That Wins Rich Results
A tutorial on writing and implementing FAQPage structured data correctly: format, common mistakes, and how it feeds both search rich results and AI citations.
Read →
Visibility·
How to Build an llms.txt File for Your Site
A practical tutorial for building an llms.txt file: what it is, what belongs in it, and how to keep it accurate as your site grows.
Read →
Visibility·
How to Get Your Brand Cited by ChatGPT, Claude, and Gemini
A step-by-step tutorial for getting your brand cited by ChatGPT, Claude, and Gemini: structure answers, add schema, and earn the trust signals AI engines.
Read →
Development·
What Is Product Engineering?
Product engineering is full-stack building with product judgement — the data, logic, and systems under the interface. How it differs from web development.
Read →
Development·
What Makes a Website Fast and Accessible
What actually makes a website fast, accessible, and durable — and what quietly makes it slow. The craft behind a site that feels effortless to use.
Read →
Design·
What Goes Into a Brand Identity (Beyond the Logo)
A brand identity is a system, not a logo. What actually goes into one — mark, type, colour, voice, rules — and why the system outlasts any asset.
Read →
Design·
UI vs UX: What's the Difference?
UI is how an interface looks and behaves; UX is whether the whole experience works. The honest difference, where they overlap, and why you need both.
Read →
Visibility·
What Is Generative Engine Optimization (GEO)?
Generative Engine Optimization (GEO) is structuring content so AI answer engines cite it. How GEO works, and how it differs from traditional SEO.
Read →
Design·
What Is Product Design?
Product design is the whole experience — flows, states, and decisions — not just the interface. What it covers, and how it differs from UI design.
Read →
Visibility·
GEO vs SEO: What's the Difference?
GEO optimises for citations in AI answers; SEO optimises for ranking in search results. How the two differ — and why most brands now need both.
Read →
Visibility·
How to Get Your Brand Cited by AI Search
A practical guide to getting cited by AI engines: answer-first writing, structured data, llms.txt, entity consistency, and outside corroboration.
Read →
Development·
Why the Design-to-Development Handoff Breaks
The design-to-engineering handoff is where products lose detail, intent, and time. Why it fails — and how one team that designs and builds removes it.
Read →
Design·
Design Tokens Explained: One Source of Truth
Design tokens are named values — colour, type, spacing — shared between design and code. What they are, and how they keep a product consistent at scale.
Read →
Development·
Core Web Vitals: A Practical Guide
Core Web Vitals — LCP, INP, and CLS — are Google's metrics for loading, interactivity, and visual stability. What each measures and how to improve it.
Read →