Contact person: Business Client

Phone:Show

Email:Show

Location: Engen, Germany

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Senior Web Designer & Frontend Developer + Creative Documentation Architect
High-End Marketing Website, Premium Product Animations, and Next-Level Documentation for [login to view URL]
Location: Remote
Project Type: Freelance / Contract (with the possibility of long-term collaboration)
Overview
I am building a premium, high-conversion marketing website and an innovative, intuitive documentation ecosystem for my software Proxytool.app. The product exists, and there is an early visual direction, but I am looking for someone capable of elevating everything to a world-class level.
A full dark-themed website already exists, and there is also an initial light-themed design direction. You may build upon the existing concepts, refine them, or evolve them into a completely new premium-quality light-mode website.
This project requires an exceptional combination of visual design, animation, technical implementation, and the ability to explain complex software features in a clear, elegant, and highly intuitive way.
Only apply if you consider yourself among the absolute top performers in modern web design and interaction development.
Core Objectives
1. High-End Marketing Website
You will design and build a clean, bright, modern marketing site that communicates the capabilities of [login to view URL] through premium visuals and polished interactions.
Requirements include:
A multi-section landing page and subpages with strong storytelling.
Bright, modern, lightweight design language (light mode only).
Integration or evolution of the existing light-themed design foundation.
High-end micro-interactions and motion sequences using technologies such as GSAP, Framer Motion, or Lottie.
Implementation using a professional modern stack (React or [login to view URL] preferred).
Strong SEO practices and fast load performance.
Modular structure for future expansion.
Additionally, the website must integrate referral links to two proxy provider pages (Evomi and one additional provider), allowing users to purchase proxies directly through partner referral links. These integrations must match the overall visual and UX quality of the site.
2. Premium Product Animations Using Real UI Screens
You will receive a comprehensive set of high-fidelity UI screenshots from the [login to view URL] client, including Chains, Edit Chain modals, DNS Control, Logs, Overview, Analytics, and confirmation dialogs.
These must be used to create animated and interactive experiences rather than static placements.
Below are concrete examples of what is expected:
Example A: Add New Chain Flow
Based on the “Add New Chain” and Edit Chain screenshots:
The “Add New Chain” card highlights itself.
A click expands the Edit Chain modal.
Chain Type options animate between modes.
In the Proxy Timeline, hops such as Speed Demon, Ultra Fast AU, and Elite Europe animate into place.
The modal closes, and the chain appears in the list.
Example B: Route Visualization
Using the Route Visualization screenshot:
A world map fades in.
A dynamic connection route is drawn.
Nodes pulse as the connection passes through.
Example C: DNS Settings Demonstration
Based on the DNS Control screenshot:
The Automatic DNS Detection toggle animates on/off.
DNS rule chips highlight individually.
An animated diagram may show DNS queries switching paths.
Example D: Real-Time Logs Preview
Using the Logs screenshot:
Log entries slide in like a live feed.
Status labels animate according to the connection state.
Example E: Overview Dashboard Walkthrough
Using the Overview screenshot:
Performance bars grow into place.
Active proxies slide in with flag and latency details.
Trend indicators animate smoothly.
3. Creative, Intuitive Documentation System
The documentation must be far superior to traditional static formats.
This includes:
Animated sequences built from screenshot elements.
Step-by-step walkthrough animations.
Highlight overlays explaining specific UI components.
Scroll-triggered process explanations.
Clear guidance for flows such as adding a proxy, editing chains, DNS configuration, logs, and performance monitoring.
Documentation will also include the ability to reference and link to blog posts and keyword-focused articles following the latest content and SEO standards.
4. Active Collaboration and Quality Review
I will be closely involved in the development process and will participate in frequent quality reviews.
This includes:
Reviewing each major step.
Daily or every-two-day check-ins depending on milestones.
Transparent updates and iteration cycles with high attention to detail.
If you are not comfortable with tight collaboration and consistent quality validation, this project will not be suitable for you.
5. UI Still in Development
The [login to view URL] client UI is still under active development.
Screens may change, new UI elements may appear, and certain layouts may evolve.
You must be comfortable adapting animations, documentation elements, and content as the underlying UI evolves.
Requirements
Expert-level knowledge of modern frontend development, preferably React or Next.js.
Exceptional UI/UX design skills.
Strong motion design and animation capabilities.
Experience building high-end SaaS websites or product storytelling pages.
Ability to design intuitive, visually-driven documentation.
Ability to collaborate closely and maintain high standards throughout.
A portfolio demonstrating relevant high-quality animation and interface work.
Applicants without strong animation examples will not be considered.
Application Challenge (Mandatory)
To ensure only high-caliber applicants apply, your application must include:
1. Hero Animation Concept
Describe a specific, detailed animation that demonstrates adding a proxy or chain inside Proxytool.app.
2. Micro-Interaction Proposal
Describe one refined micro-interaction (e.g., hover on a proxy card, DNS toggle behavior) and explain how it improves usability.
3. Creative Documentation Concept
Propose an innovative idea for turning UI screenshots into an intuitive, animated documentation experience.
4. Portfolio Links
Provide two or three live project links showing premium UI, animations, and visually sophisticated work.
Indicate what roles you personally handled.
5. Introduction and Rates
Include a short introduction, your pricing, and how you would structure the project workflow." (client-provided description)