Identifier
#relock
Proposal for Website Design & Development
For
re/lock
Issued
Oct 01, 2025
Valid until
Oct 6, 2025
From
Benjamin Libor
Allsite
Gruenberger Strasse 17
10243 Berlin
Germany
Quote To
About Company & Product
Relock is redefining how authentication is done in the enterprise. Instead of forcing users through visible MFA steps or introducing new identity platforms, Relock pairs with any existing credential system — from passwords to passkeys — and makes it phishing-resistant by default.
Its technology runs invisibly in the background, continuously verifying sessions and devices without friction. Direct cryptographic signals stop credential reuse, token theft, and MFA bypass, even against the most sophisticated adversaries (AitM, AitB).
At the core of Relock’s approach is continuous, mutual trust: every request is verified with ephemeral, origin-bound keys that cannot be intercepted or reused. The result is a fundamental shift from static, event-based authentication to continuous verification — all without changing the user experience.
The website redesign will reposition Relock as a category-defining security technology platform, combining cutting-edge design with enterprise-level credibility. The new site will clearly communicate Relock’s technical depth while creating the trust, authority, and design polish expected from a mission-critical cybersecurity partner.
Project Goals
Redesign the current Webflow landing page in Framer to achieve a high-impact, trust-driven web presence.
Transform the existing site into a conversion-optimized experience that builds credibility with CISOs, security engineers, and enterprise buyers.
Present Relock as the trusted continuous authentication layer — sophisticated, invisible, and enterprise-ready.
Clearly communicate how Relock works, its technical advantages, and its real-world outcomes.
Reinforce credibility with proof points (compliance, integrations, zero trust) and drive demo requests through strong CTAs and integrated contact flows.
Page Architecture
Homepage (One-Pager)
Hero – Security-tech positioning: “Continuous Authentication. Zero UX.” with animated background and CTA.
The Problem with Traditional MFA – Scroll-driven “why static MFA fails” → “how Relock fixes it” narrative.
How Relock Works – Concise, animated diagram showing the continuous authentication flow.
Core Capabilities – Bento visuals illustrating phishing resistance, session protection, interoperability, and invisible deployment.
Cryptographic Mutual Trust – Explainer section with micro-animations visualizing ephemeral keys and device verification.
Compliance & Security – Trust row with logos and certifications (SOC 2, GDPR, CAEP, OpenTelemetry, Zero Trust).
Integrations & Compatibility – Visual map showing how Relock pairs with any credential system.
Proven Outcomes – Carousel of impact metrics and partner quotes.
Team & Vision – Short founder message or video, vertical team carousel with hover bios and LinkedIn links.
Contact CTA – Simple integrated form to schedule a demo.
Supporting Pages
404 page
Contact page (optional if not inline)
Legal imprint page
Styling & Branding
The redesign will build on Relock’s existing brand foundations and evolve them into a more sophisticated, enterprise-security-grade identity. The new design will communicate trust, resilience, and deep technical capability — the visual language of zero-trust infrastructure, continuous verification, and high-assurance cybersecurity. Every element — from typography and color to layout and motion — will reinforce the message: this is security technology you can trust at scale.
Logo: Minor refinements for sharper balance and clarity on dark backgrounds.
Colors: Maintain a dark, high-contrast base palette with a single signal-accent color (e.g. electric blue or green) to highlight CTAs and security states.
Typography: Clean, technical sans-serif system with precise hierarchy and excellent legibility.
Icons: Replace generic system icons with Phosphor Icons for consistent scale and tone.
Design Language: A restrained, high-tech aesthetic with subtle depth, gradients, and motion to express invisible protection and constant verification.
Layouts: Structured, modern compositions emphasizing clarity, focus, and conversion.
Visuals Selection
Visual storytelling is central to making Relock’s invisible technology feel tangible and credible. The redesign will use a mix of custom motion design, animated diagrams, and product-inspired visuals to communicate complex ideas simply and convincingly.
Included in scope:
Problem/Solution Animation – Showing the evolution from static MFA to continuous authentication.
4–6 Bento Visuals – Each focused on a key capability: phishing resistance, session security, cryptographic trust, interoperability, and zero UX friction.
Cryptographic Trust Animation – A lightweight visualization of ephemeral, origin-bound keys and mutual verification.
Abstract Animated Backgrounds & Transitions – Adding technical polish and flow between sections.
Optional add-ons:
If more advanced storytelling or additional pages require further motion work, we can provide visuals à-la-carte:
High-complexity visuals: €2,000 each
(advanced hero animations, cinematic scenes, interactive 3D)Medium-complexity visuals: €700–1,000 each
(custom UI animations, multi-step illustrations, data visualizations)Low-complexity visuals: €300–500 each
(additional screenshots, icons, or motion elements)
We will recommend the ideal mix based on the final sitemap and product priorities.
Integrations, SEO & Technology
Third-Party Tools
Up to two analytics providers (Google Analytics, LinkedIn, Meta)
CRM integration (HubSpot or similar, client account required)
Optional automation via Zapier
SEO & GEO Setup
Optimized load performance (LCP, INP)
Semantic HTML and proper heading structure
Page-level meta titles and descriptions
OpenGraph and social tags
Geo-targeted sitemaps and hreflang for future localization
Structured data schema where relevant
Technology Stack
Design: Framer, Figma
Content: Midjourney, curated stock
Copy: ChatGPT-assisted
Tracking: Google Analytics, Framer Analytics
CRM: HubSpot (or equivalent)
Automation: Zapier
Process, Timeline & Budget
Kickoff & Audit – Review existing Webflow site, analyze structure and UX, define redesign priorities (Day 1–2)
Visual Direction – Develop new security-tech design language, hero and section layouts (Day 3–5)
Build & QA – Framer implementation, responsive build, interactions, and animations (Day 6–12)
Delivery – Final polish, integrations, and go-live (Day 13–14)
Timeline: 2 weeks from project start
Fixed Fee: €13,000
Includes full redesign, rebuild, design system, animation, and launch. Optional product mockups are billed separately.
Deliverables, Responsibilities & Support
Deliverables
Fully redesigned and rebuilt Framer website
New design system and component library
Modular CMS for future resources or case studies
Responsive, performance-optimized build
Interactive, animated visual layer
Allsite Responsibilities
Redesign and implementation in Framer
Motion design and interaction development
CMS setup and integration
Deployment and QA
Client Responsibilities
Provide timely access to analytics, CRM, and automation tools
Supply existing brand assets, product content, and copy
Deliver feedback and approvals within agreed timelines
Manage domain and hosting setup
Support
2 weeks post-launch bugfix and stability support
Ongoing support available at €200/hour for future iterations or feature development
Terms & Conditions
Payment: 50% on kickoff, 50% upon delivery
Revisions: 1 round after visual direction, 1 after V1, 1 after final content insertion (further rounds billed separately)
Feedback: Centralized via Framer comments, Figma, or Loom
Warranty: Covers launch-related bugs for 2 weeks; delays caused by missing assets or third-party outages are excluded
Next Steps
If approved, I can start immediately. Upon confirmation, I’ll issue the project agreement and kickoff preparations.
Questions
Contact
Let's have a chat.
Example work
Allsite
We partner with high-growth scaleups to improve their websites— choosing depth, creativity, and impact over hype and noise.
We’ve helped build 60+ brands, 50+ sites, and 20+ apps — always with care, clarity, and craft. If you're planning ahead or just curious, we're happy to connect — no pressure, no sales pitch.
Contact & Collaborate
Head Office
Grünberger Strasse 17
10243 Berlin
Germany