# Studio Vektor

> Studio Vektor is an independent digital experience studio run by Mo Elkhalloufi, a designer with 25+ years of experience. It designs and builds website redesigns, interactive eBooks and digital publications, customer and legal client portals, business dashboards, lead-generation landing pages, sales battlecards and product animations and explainer videos, for small and midsize businesses. Expert-led design, AI-accelerated production and published starting prices; every project gets a written scope and fixed price first.

- Website: https://studio-vektor.com/
- Email: mo.elkhalloufi@studio-vektor.com
- Phone: +1-415-370-2920
- Address: 4 Snowdrift Ct, Richmond, CA 94803, USA
- Request a quote: https://studio-vektor.com/#quote (or email; a personal reply, no automated sales sequence)
- About: https://studio-vektor.com/about.html · Contact: https://studio-vektor.com/contact.html · Privacy: https://studio-vektor.com/privacy.html

## Services and starting prices

Prices are published starting prices in USD for the scope described. Bigger scope costs more; you get a written quote before work starts.

### Website Design & Redesign (flagship)
Modern websites that make your business easier to understand, trust and contact. A clear, responsive website built around what your customers need to know and do, replacing an outdated site without an agency-sized project.

- Problem it solves: Your site looks dated, is hard to use on a phone, or undersells the business you have become.
- Scope: Up to 10 responsive pages, more in batches of 5; Navigation, calls to action and contact form; Basic on-page SEO and launch support
- Website design & redesign: from $3,900 (Typically 1–2 weeks once content is ready)
- Additional pages: from $650 per 5 pages (Added to the website timeline)
- Base care plan: from $150/month (Month to month, cancel any time)
- Growth care plan: from $350/month (Month to month, cancel any time)
- Note: Not ready to commit? Ask for a private homepage preview first. If it’s a fit, you see a redesigned homepage before agreeing scope and price.

### Customer & Sales Portals (flagship)
Give customers and sales teams a better way to find the information they need. Account summaries, order and project status, resource libraries and role-specific views, starting as a clickable prototype and growing into a working portal.

- Problem it solves: Customers email to ask for status, and reps dig through folders for the right document.
- Scope: Clickable prototype with sample data; Status views, document lists and timelines; Functional builds scoped after discovery
- Portal design prototype: custom quote (Typically about 1 week)
- Functional customer or client portal: from $4,500+ (Set after technical discovery)

### Legal Client Portals (flagship)
Make matter information easier for clients to access and understand. A client-facing interface for matter status, milestones, key dates, updates and authorized documents, designed in your firm’s brand.

- Problem it solves: Clients call for updates, and lawyers spend billable time re-explaining where a matter stands.
- Scope: Matter status, timeline and document views; Concept prototype with illustrative data; Secure, authenticated builds scoped separately
- Portal design prototype: custom quote (Typically about 1 week)
- Functional customer or client portal: from $4,500+ (Set after technical discovery)
- Note: A real client portal needs authentication, authorization, privacy protections and secure handling of confidential information. We scope those requirements with you before any build.

### Interactive Business Dashboards (flagship)
Turn business information into something people can understand and act on. KPI, sales, project and operational dashboards with charts, filters, searchable tables and status indicators. Start with a prototype; connect real data when you are ready.

- Problem it solves: The numbers live in spreadsheets and exports, and nobody sees the same picture at the same time.
- Scope: Prototype with sample data; Charts, filters, tables, date ranges; Live data connections scoped after discovery
- Interactive dashboard prototype: from $735 (Typically 3–5 days)
- Functional dashboard: from $1,950+ (Set after technical discovery)
- Note: A dashboard never has access to your data automatically. A prototype uses sample data; a functional dashboard connects to a source you provide access to.

### Interactive eBooks & Digital Guides (flagship)
Turn static content into an experience people finish. Executive guides, reports, white papers, buyer guides and digital brochures with reading tracks, progress, interactive models, quizzes, assessments and calculators.

- Problem it solves: Your best thinking is locked in a PDF that people download and never read.
- Scope: Branded responsive reading experience; Navigation, progress and interactions; Quizzes or assessments in the Advanced tier
- Interactive eBook: Starter: from $635 (Typically 3–5 days)
- Interactive eBook: Advanced: from $1,170 (Typically 1 week)
- Note: See the live interactive editions in the eBook collection. Read-aloud narration, CRM connections and larger builds are scoped separately.

### Interactive Lead Generation & Capture
Turn passive visitors into active prospects. Focused landing pages, guided assessments, qualification flows and personalized recommendations that give visitors a reason to raise their hand.

- Problem it solves: Campaign traffic arrives, skims a generic page and leaves without a trace.
- Scope: Landing page or multi-step experience; Lead form to your email or form service; CRM connections scoped separately
- Lead-capture landing page: from $735 (Typically 3–5 days)
- Interactive lead-generation experience: from $1,220 (Typically 1 week)
- Note: Actual lead capture, CRM connections and data processing depend on the implementation and integrations you choose.

### Interactive Sales Battlecards
Give your sales team the right message at the right moment. Competitive positioning, objection handling, discovery questions and proof points in one searchable tool reps can use mid-call.

- Problem it solves: Reps can’t find the right answer in a 40-slide deck while the prospect is waiting.
- Scope: One tool with up to 4 cards; Search or filtering; Copy-ready pitch and questions
- Interactive sales battlecard: from $880 (Typically about 1 week)
- Additional battlecard: from $150–$295 each (Usually a few days per batch)

### Product Animations & Explainer Videos
Explain your product before your audience loses interest. Short product animations, feature explainers, UI walkthroughs and launch videos built from your brand and product screens.

- Problem it solves: Your product is easier to show than to describe, and screenshots aren’t doing it.
- Scope: Animations up to 15 seconds; Explainers up to 60 seconds; Web and social exports
- Product animation: from $490 (Typically 3–5 days)
- Product explainer video: from $880 (Typically 1 week)

### Custom Interactive Experiences
Have a more ambitious idea? Let’s build something useful. Calculators, product selectors, configurators, guided assessments, interactive presentations and custom tools, scoped around one specific problem.

- Problem it solves: You need something that doesn’t fit a template, and you want to know what it costs before committing.
- Scope: Discovery call to define the problem; Written scope and price first; No unsupported promises
- Custom interactive experience: custom quote (Defined in the scope)

## Kits

- **Starter Asset**: from $635. One focused marketing asset to start working together. Same scope and price as the standalone service. It is the easiest way to start.
- **Campaign Kit**: from $1,710. A coordinated campaign: an asset worth downloading and a page that captures the lead. From $1,710 instead of $1,905 separately, because the design system is built once.
- **Sales Enablement Kit**: from $1,465. A battlecard tool with enough cards to cover your main segments or competitors. Within the $1,330–$1,765 range the same items would cost separately.
- **Customer Experience Kit**: custom quote. A customer-facing portal or dashboard plus the website pages or content that introduce it. Custom quote, because functionality and integrations vary widely.

## Work examples

Live, clickable demonstrations and concepts. Demonstrations use illustrative data.

- [White-label client portal](https://studio-vektor.com/legal/1-portals/white_label_client_portal.html): Multi-tenant customer portal. Built for Service and manufacturing firms that give each client account its own branded portal. Problem: Every client wants its own view of projects, orders, invoices and files, and building a separate portal for each one doesn’t scale.
- [Client matter portal](https://studio-vektor.com/legal/1-portals/SP-Matter-Portal.html): Legal client portal. Built for Clients of a workplace-investigations firm: general counsel and HR leaders. Problem: Clients chase status by email, and the firm re-explains where each matter stands.
- [Accident & Incident Overview](https://studio-vektor.com/legal/1-portals/personal_injury_client_portal.html): Personal-injury client portal. Built for Clients of a personal-injury trial firm, right after an accident. Problem: Injured clients must hand over accident, medical and insurance details at a stressful time, usually by phone and email.
- [Estate planning intake & vault](https://studio-vektor.com/legal/1-portals/estate_planning_client_intake_vault_portal.html): Estate-planning client portal. Built for Clients of a trusts and estates law firm. Problem: Estate intake means collecting family, asset and fiduciary details that clients find complex and sensitive.
- [Courtroom trial timeline](https://studio-vektor.com/legal/1-portals/courtroom_demonstrative_aid_trial_timeline.html): Trial presentation tool. Built for Trial lawyers presenting evidence to a jury or judge. Problem: Exhibits, testimony and technical data live in separate files, and the story gets lost while counsel hunts for the next one.

## Interactive eBooks and digital publications

21 live interactive editions. Full collection with filters: https://studio-vektor.com/work/interactive-ebooks/. Most are interactive editions of reports and guides published by the companies named (their text and figures; reading experience and build by Studio Vektor), shown as independent portfolio demonstrations, not commissioned by or affiliated with those companies.

- [7 Strategies to Increase Your T&E Program ROI](https://studio-vektor.com/Tech/brex/index.html) (Brex × Navan; Sales & Business, Executive & Operations): A travel-and-expense guide rebuilt so finance teams can try the numbers on their own program: seven strategies, six hands-on tools and a checkpoint quiz. Features: 6 hands-on tools, Checkpoint quiz, Quick and deep-dive tracks.
- [A Practical Guide to AI Agents](https://studio-vektor.com/Tech/snowflake/index.html) (Snowflake; AI & Technology): Snowflake’s guide to agentic AI concepts and use cases, with a live agent walkthrough, read-along narration and 16 interactive moments. Features: Live agent walkthrough, Read-along narration, Quick and deep-dive tracks.
- [The Power of HR Outsourcing](https://studio-vektor.com/Tech/tnet/index.html) (TriNet; HR & Workforce, Sales & Business): A short guide for business owners weighing in-house HR against outsourcing, with a choice of reading paths, three interactive tools and a self-assessment. Features: Quick and deep-dive paths, Self-assessment, 3 interactive tools.
- [The Pulse of Agentic AI](https://studio-vektor.com/Tech/dynatrace/index.html) (Dynatrace; AI & Technology, Marketing & Research): A research report transformed into an immersive interactive publication, with guided reading, word-tracked narration, simulations and a quiz alongside the published findings. Features: Audio narration, Quick and deep reading paths, Interactive simulations.
- [The State of AI in B2B Marketing in 2026](https://studio-vektor.com/Tech/on24/index.html) (Cvent × ON24; Marketing & Research, AI & Technology): Research from 261 B2B marketers, rebuilt so readers can benchmark themselves, build a webinar campaign-in-a-box, audit their first-party data and run a nine-step self-check. Features: Peer benchmarks, Campaign-in-a-box builder, Nine-step self-check.
- [HCM Buyer’s Playbook](https://studio-vektor.com/Tech/paychex/index.html) (Paychex; HR & Workforce, Sales & Business): A buyer’s guide to HR software where readers build a requirements list, score vendors and see where AI and human expertise fit as they read. Features: Requirements builder, Vendor scoring, Read-aloud.
- [The CMO’s Guide to Modern Marketing](https://studio-vektor.com/Tech/metadata/index.html) (Metadata; Marketing & Research): A guide for marketing leaders by GTM Partners, presented by Metadata.io, with a 10-scale maturity assessment, simulators and 12 practitioner voices. Features: Maturity assessment, Simulators, Read-aloud.
- [Design Systems × AI](https://studio-vektor.com/Tech/figma/index.html) (Figma; AI & Technology): Figma’s report on making design systems AI-ready, with a cover that generates itself from the system, synced narration and 12 context layers to collect. Features: Generative cover, Synced narration, Collectible context layers.
- [Harnessing Digital Channels and WFM](https://studio-vektor.com/Tech/nice/index.html) (NiCE; HR & Workforce, Executive & Operations): Seven short chapters on closing the gap between customer expectations and contact-center service, with simulators to try each idea and a checkpoint quiz. Features: Staffing simulators, Micro-quiz with recap, Read-aloud.
- [The Ultimate Guide to Designing for AI ROI](https://studio-vektor.com/Tech/superhuman/index.html) (Superhuman; AI & Technology, Sales & Business): A guide to turning AI productivity gains into real returns, with a productivity-tax calculator, an AI stack audit you can export and narration that tracks the text. Features: Productivity-tax calculator, Exportable stack audit, Synced narration.
- [The Marketing Team of the Future](https://studio-vektor.com/Tech/profound/index.html) (Profound; AI & Technology, Marketing & Research): Profound’s blueprint for how an AI marketer turns brand and buyer knowledge into work across the team, in six chapters with 12 interactive moments. Features: 12 interactive moments, Voice narration, Quick and deep-dive tracks.
- [The Ultimate AI Guide for Marketers in 2026](https://studio-vektor.com/Tech/airtable/index.html) (Airtable; AI & Technology, Marketing & Research): Five steps to bringing AI into marketing operations, each paired with something to try, plus checkpoints, badges and quotes readers can highlight and share. Features: 5 checkpoints, 8 badges, Highlight and share, Listen mode.
- [The Agentic Web Playbook](https://studio-vektor.com/Tech/contentsquare/index.html) (Contentsquare; AI & Technology, Marketing & Research): Six steps to preparing websites for AI agents, in an edition that practices what it teaches: an agent simulation, reading tracks and reading personalization. Features: Dyslexia-friendly type and themes, AI-agent simulation, Quick and deep-dive tracks.
- [Sales Intelligence Playbook](https://studio-vektor.com/Tech/demandbase/index.html) (Demandbase; Sales & Business): A playbook on account intelligence for sales teams, with a response-rate builder, a warm-path finder, a quiz, badges and a personal playbook scorecard. Features: Response-rate builder, Quiz and badges, Reading settings.
- [2026 State of Revenue AI](https://studio-vektor.com/Tech/gong/index.html) (Gong; Sales & Business, AI & Technology, Marketing & Research): Gong’s research report rebuilt as a book that teaches by doing: each chapter uses a different interactive reading pattern, from live charts to micro-quizzes. Features: Toggle and slider charts, Micro-quizzes, Reading tracks.
- [HR for Growth: A Blueprint for Scaling Businesses](https://studio-vektor.com/Tech/insperity/index.html) (Insperity; HR & Workforce, Executive & Operations): A guide to scaling HR, rebuilt as a 12-floor blueprint: cost an in-house HR team, sort who does what with a PEO, surface hidden costs and finish with a plan built from your answers. Features: 12 interactive tools, Quick and deep tracks, Read-aloud introduction.
- [UX of AI](https://studio-vektor.com/Tech/stellar/index.html) (Stellar; AI & Technology, Marketing & Research): Stellar’s playbook on AI across the digital ecosystem, in six plays and 12 interactives, from a brand-voice sandbox and a page lab that simulates AI answers to a six-point self-check. Features: 12 interactives, Brand-voice sandbox, Six-point self-check.
- [Inside MCP Security: A Research Guide on Emerging Risks](https://studio-vektor.com/Tech/wiz/index.html) (Wiz; AI & Technology): Wiz’s research guide to Model Context Protocol security in five chapters and 12 interactives: trace where the risk lives, flag risky lines in server code, watch an attack chain play out and check five questions before you ship. Features: Attack-chain simulation, Flag-the-risk code review, Quick and deep-dive tracks.
- [AI Playbook for Engineering Leaders](https://studio-vektor.com/Tech/datadog/index.html) (Datadog; AI & Technology, Executive & Operations): Datadog’s playbook for building reliable AI systems, with 12 interactives: set SLOs for an AI flow, settle a prompt argument with evidence, find your maturity stage and leave with a four-step plan you can share. Features: 12 interactives, Four-step plan builder, Maturity self-check.
- [Business Spending Report, Summer 2026](https://studio-vektor.com/Tech/ramp/index.html) (Ramp; AI & Technology, Executive & Operations): Ramp’s research on AI and software spending, with 17 charts and 12 interactives: guess the numbers before they appear, find your peers, benchmark your AI spend per head and explore adoption state by state. Features: 17 interactive charts, Spend-per-head benchmark, Predictions and a quiz.
- [Built-in or Bolted-on: Which AI Strategy Actually Drives Business Impact?](https://studio-vektor.com/Tech/bamboo/index.html) (BambooHR; HR & Workforce, AI & Technology): BambooHR’s brief on built-in versus bolted-on AI, drawing on its survey of 1,600+ workers and an IDC study, with 12 interactives: cost your team’s year with AI, guess the leadership gap and see what context does to an AI answer. Features: Your year with AI calculator, 12 interactives, Quick and deep-dive tracks.

## Website redesign concepts, by industry

Independent concepts based on real companies’ current sites; not commissioned by or affiliated with them.

### Biotech
- [Emery Pharma](https://studio-vektor.com/biotech/emery-pharma/emery-pharma.html) (Contract research laboratory · Alameda, CA): Studies mapped to the quality tier they need; Bench-to-filing workflow, step by step; Four-step study scoping request
- [AllCells](https://studio-vektor.com/biotech/AllCells/index.html) (Human primary cells, research use to GMP): Film hero with a chaptered video player; Filterable product matrix; Product, protocol and quote-request flows
- [Biocom California](https://studio-vektor.com/biocom/) (Life science association · San Diego): Membership explorer drawn from the brand mark; Two-step membership inquiry; Events calendar and insights hub

### Manufacturing
- [IMT Precision](https://studio-vektor.com/mfg/imt-precision/index.html) (Large-format CNC machining · Hayward, CA): Machine-envelope fit checker with plan view; Process timeline with a record at every stage; RFQ with a quote-readiness checklist
- [AMT Precision](https://studio-vektor.com/mfg/amt/index.html) (Cross-border contract manufacturing · Nogales): Animated US–Mexico nearshore corridor map; Equipment table with a part-size fit check; RFQ form with a completeness meter
- [GCM Medical & OEM](https://studio-vektor.com/mfg/gcm/) (Precision manufacturing for medical and OEM programs): Robotic joint assembly you can take apart; Capability filter across a four-site network; Six-step project scoping with a downloadable summary

### Legal
- [Bend Law Group](https://studio-vektor.com/legal/bend-law/bend-law-prototype.html) (Boutique counsel for founders · San Francisco): Launch, Scale, Fund, Exit lifecycle matrix; Firm film with a clickable transcript; Partner consultation booking
- [Stallard Panebianco](https://studio-vektor.com/legal/spwpi/stallard-panebianco-homepage.html) (Independent workplace investigations): Editorial, case-file visual language; Internal-review or external-neutral decision tool; Companion client matter portal
- [Infinity Law Group](https://studio-vektor.com/legal/infinity-law/ilg-redesign.html) (California trial lawyers): Practice hubs by client type; Verdicts and settlements organized by matter; Free case review and confidential submission

### Hospitality
- [Ojo Spa Resorts](https://studio-vektor.com/hospitality/ojo/) (Mineral springs resorts · Northern New Mexico): Homepage redesign and brand design system; Two-property brand architecture; Booking-first calls to action

### Technology
- [PAX Scientific](https://studio-vektor.com/biotech/pax/pax-scientific.html) (Nature-inspired fluid technology): Impeller explainer built from one equation; Side-by-side mixing comparison; Retrofit savings estimator

## How it works

1. Tell us what you need: use the solution finder or quote form, share your goal, current site and deadline.
2. Agree on scope, price and timing: a written scope with deliverables, exclusions, revision rounds and a fixed price.
3. Design and build: design direction first, then real, clickable work early.
4. Review, approve, receive: revisions within the agreed rounds, device and browser checks, then handoff or launch.

AI drafts layouts, components and code and speeds up iteration; a person makes the strategy, design, QA and technical decisions, and nothing ships without human review.

## FAQ

### Why are your prices accessible?
Three reasons: there is no agency overhead (no account team, no office layers), AI-assisted production removes a lot of repetitive build work, and every starting price comes with a defined scope. You pay for the work, not for meetings about the work.

### How do you use AI in production?
AI helps produce first drafts of layouts, components and code, and speeds up iteration (see the three steps). Strategy, design decisions, customization, quality assurance and technical choices are done by a person. Nothing is delivered without human review.

### What do I need to provide?
Usually your content (text, figures, product information), your logo and brand guidelines if you have them, images you own or have licensed, and a single person who can give feedback and approve. Each quote lists exactly what is needed.

### Can you work with my existing brand?
Yes. Most projects use your existing logo, colors and typefaces. If your brand needs refreshing, that can be scoped as part of the project.

### Can you redesign my current website?
Yes, that is one of our flagship services. Send your current URL with the quote form and you’ll get a scope based on your actual site: pages, content and features. The starting price covers up to 10 responsive pages, with more added in batches of 5 ($650 per batch).

### What is a homepage preview?
If you’re considering a website redesign, you can ask for a private preview first. Send your current URL; if your business is a good fit, Mo designs one redesigned homepage and shares it as a private link. It’s a direction, not a finished site. If you like it, we agree scope and price in writing before the full site is built. Previews are free, carry no obligation and are offered selectively, so not every request gets one.

### Can you connect a lead form to my CRM?
Often, yes, depending on the CRM and how it accepts data (for example HubSpot, Salesforce or Pardot forms and APIs). CRM connections are not included in starting prices; they are scoped separately once we know the system and the data involved.

### What is the difference between a prototype and a functioning portal?
A prototype is a designed, clickable set of screens with sample data. It shows how the portal will look and work, but it has no real logins and stores no real information. A functioning portal has authentication, real data connections and hosting, and needs technical discovery before it is quoted.

### Can you connect a dashboard to my existing data?
If the data is in a suitable source you can give access to, such as a spreadsheet, database or a system with an API, usually yes. A dashboard never has access to your data automatically. A short technical discovery confirms what is possible before a price is fixed.

### Can you build a secure legal client portal?
A concept prototype, yes, with illustrative data. A production portal holding confidential client information needs authentication, authorization, privacy protections, secure hosting and possibly your firm’s IT or compliance review. Those requirements are defined with you first, and the build is quoted on that basis. No security certification is implied.

### How many revisions are included?
Two rounds of revisions for most services, as listed in each price. Additional rounds or changes in scope are quoted before they are done.

### How long do projects take?
Typical timelines once content is ready: 3–5 days for a starter guide, landing page, animation or dashboard prototype; 1 week for advanced guides, lead-generation experiences and explainers; 1–2 weeks for a website. Functional portals and dashboards are scheduled after discovery. Your quote includes a timeline.

### Do you provide hosting and maintenance?
Hosting, domains and third-party subscriptions are paid by you, directly to the provider, so you stay in control. Help with setup is available. After launch there are two care plans: Base ($150/month) for updates, backups and small fixes, and Growth ($350/month), which adds up to 2 hours of design or content updates and a monthly SEO report. Neither includes guaranteed uptime or security monitoring.

### Who owns the final deliverables?
On final payment, you receive the delivered files for your business use. Third-party fonts, stock images, plugins and software stay under their own licenses. The exact terms are set out in the written agreement for your project.

### Can you turn an existing PDF, report or white paper into an interactive eBook?
Yes, that is the most common starting point. Send the PDF or document; the content is restructured for the screen and given the interactions that suit it, such as reading tracks, quizzes, assessments, calculators or interactive charts. The Starter tier (from $635) covers up to 12 sections with navigation, progress and basic interactions; the Advanced tier (from $1,170) adds a quiz, assessment or scoring tool. Read-aloud narration and larger builds are quoted on scope. You can try 21 live examples in the interactive eBook collection.

### Can I commission several services together?
Yes. Use the estimator to add up starting prices, or pick one of the coordinated kits. Combined projects share one design system, which keeps everything consistent.

## For agents

- llms.txt: https://studio-vektor.com/llms.txt
- MCP server (read-only tools: services, prices, estimates, work and interactive eBooks, FAQ, contact): https://studio-vektor.com/mcp (Streamable HTTP, no auth)
- MCP server card: https://studio-vektor.com/.well-known/mcp/server-card.json
- In-browser agents: the homepage registers WebMCP tools (list_services, estimate_price, find_examples, prefill_quote_request). The quote form is never sent without the visitor pressing Send.