vefapp.is
Our own site: Edda the Claude concierge, a website scanner, a showcase page, a backend with project management and client portals.
Overview
Vefapp is the division's own site and, at the same time, a live example of what we build. On the surface it's a fast, marketing site, bilingual and hosted on . Underneath sits the operation. Edda, a concierge running on , answers visitors and takes enquiries. On /skanna anyone can scan their own site. The backend is behind two-factor sign-in and holds enquiries and projects. Clients get their own pages where they follow the project, exchange messages and pick up files.
Problem
A studio's site is usually just a shop window and says little about the actual work. We wanted ours to also be the tool that runs the division: to take enquiries and serve clients directly, not only show marketing copy.
Approach
The public surface is calm: content that shows immediately, with smooth transitions between the index and the case studies. Edda sits embedded in the page and answers on . On /skanna visitors paste a and get a read on speed, , accessibility and the tech stack, with a short AI summary. Behind it is an admin with two-factor sign-in where enquiries, quotes and projects live in one place. Clients sign in with a one-time link and see their project, messages and files there. It all runs on and , hosted on .
Outcome
The result is a site that is both a pitch and a working tool. It's fast because most of it is by the time it reaches the reader, and it supports the work from the visitor's first enquiry to the delivered project.
Edda, the assistant
Greeting
Edda is the assistant here on vefapp.is, a bespoke chatbot that answers questions about what we do. She's powered by Anthropic Claude with a knowledge base of everything we offer, so she can explain solutions, point you to the right page and put you in touch. The same technology we build for clients, running on our own site.
Try her in the corner of any page. Ask “what does a site cost” or “do you build online stores” and Edda answers in Icelandic or English, with direct links to the right pages.
She's a small but living mark: she breathes, thinks and shifts expression to match the conversation. Click a mood below to play it on the avatar.
Now: Greeting · welcomes you in
How we build chatbots →Key features
- 01Edda, a site-wide concierge that answers visitors and captures enquiries
- 02A website scanner at /skanna: speed, , accessibility and tech stack, with an AI summary
- 03A two-factor admin for enquiries, quotes and projects
- 04Client pages with one-time sign-in, messages and files
- 05A fast, marketing site, mostly on first paint
- 06Bilingual (Icelandic and English), hosted on
Chatbot, Edda
- 01A live avatar that greets you and shifts expression while it thinks
- 02Answers from that stream in word by word, trained on the studio's content
- 03Takes a name and email and files the enquiry straight into the backend
- 04Hands the conversation to the team when a visitor asks
- 05 and guardrails configurable from the admin
Website scanner
- 01A visitor pastes a and gets a read in seconds
- 02Checks speed, and accessibility ()
- 03Detects the stack: , Wix, Shopify, Squarespace
- 04A short AI summary of what's worth fixing first
Backend
- 01Two-factor sign-in required on all access
- 02One inbox for enquiries, quotes and messages from Edda
- 03Client projects in one place with a status workflow
- 04 tools: , 404 monitoring and sitemap
Client portal
- 01Sign-in with a one-time link, no passwords
- 02The client sees their project and its status
- 03Messages back and forth with the team
- 04Files on a secured area
Performance
- 01Server-rendered throughout, most of the page is by the first paint
- 02Case studies built ahead of time, no database call per visit
- 03Pure-CSS film grain, no heavy image asset shipped
Stack
- Next.js 16.2
- Turbopack
- React 19.2
- React Compiler
- TypeScript
- Tailwind CSS v4
- next-intl
- View Transitions
- Supabase Postgres
- Supabase Auth (TOTP MFA)
- Anthropic Claude (Sonnet 5)
- Anthropic SDK
- Cheerio
- Resend
- Upstash Redis
- Server-Sent Events
- react-markdown
- ESLint 9
- Vercel
Related services
