Surendar Ravi
Master of Web Design
- 5.0
- Rating
- 10
- Followers
Edstory: Website redesign in Framer
edstory connects employers in Germany with apprentices and skilled workers from Vietnam, and supports partner agencies along the way. Founder Linh Raiser needed a website that speaks to German employers in their own language, explains a complex process simply, and is easy for her to update herself.
What I did:
Redesign and build in Framer: six pages (Home, Für Arbeitgeber, Für Partner, Über edstory, Kontakt, Stories), plus a study sub-page and legal pages
Full German localization: proofread and fixed broken characters from the source documents, so the copy reads natural and consistent
Interactive storytelling: an animated process timeline, a 3D globe flight from Vietnam to Germany, and a "bridge" animation for the partner process
Stories content hub: one CMS collection powering success stories, testimonials, events, news, partnerships, and a consent-protected talent pool
Conversion and trust: Calendly booking, WhatsApp and Zalo contact, a GDPR-friendly cookie banner, Datenschutz and Nutzungsbedingungen pages
Responsive and launch: layouts for desktop, tablet, and mobile, plus the custom domain connected via Strato DNS
Tools: Framer · Framer CMS · Calendly · Strato DNS
Role: Web designer & Framer developer
0
35
PERA Consulting – Framer Website Design & Development
Client: PERA Consulting
Industry: Business Consulting & Growth Strategy
Role: Framer Designer & Developer
Tools Used: Framer
Website: https://www.peraconsulting.xyz/
Project Overview
I collaborated with PERA Consulting to design and develop a modern, high-conversion website using Framer. The goal was to create a digital presence that clearly communicates their consulting value, simplifies complex service offerings, and positions them as a strategic growth partner.
This was a full Framer build from scratch, focused on combining strong messaging, visual clarity, and conversion-driven structure.
The Challenge
PERA Consulting needed a website that could:
Clearly communicate their value in a crowded consulting space
Avoid generic “we help you grow” messaging
Present multiple services without overwhelming users
Build trust quickly with new visitors
Guide users toward taking action (consultation, contact)
My Role & Approach
1. Strategic Positioning & Messaging
Defined a clear value proposition: “Growth begins with value”
Structured content to focus on user problems before services
Simplified language to improve clarity and relatability
2. UI/UX Design in Framer
Designed a clean, modern layout with strong visual hierarchy
Created structured sections: Hero → Problem → Solution → Proof → CTA
Used whitespace and typography to improve readability
Balanced visuals with content to avoid a “corporate-heavy” feel
3. Framer Development
Built the entire website natively in Framer
Implemented responsive design across all breakpoints
Added smooth interactions and subtle animations
Ensured fast performance with optimized assets
4. Conversion-Focused Execution
Placed clear CTAs throughout the page
Designed sections to guide users toward action
Reduced friction in navigation and content flow
Key Highlights
Framer-First Build
Fully designed and developed in Framer for speed, flexibility, and modern interactions.
Clear Positioning
Strong, simple messaging that differentiates PERA from generic consulting firms.
Structured Storytelling
Each section is intentionally designed to move users closer to conversion.
Modern Visual Identity
Clean layout, warm accents, and minimal clutter to maintain a premium feel.
Conversion-Oriented Design
Strategic CTA placement and content flow to increase engagement.
Outcome
The final website delivers a clear, modern, and conversion-focused experience that aligns with PERA Consulting’s positioning. It helps visitors quickly understand the value offered and encourages them to take the next step.
The Framer build also ensures the site is easy to update, scalable, and ready for future iterations.
What This Project Demonstrates
Expertise in Framer design & development
Ability to build conversion-focused consulting websites
Strong understanding of positioning and messaging strategy
Capability to translate business goals into clear digital experiences
End-to-end execution: strategy → design → development
0
159
FTA Global Website Revamp & Maintenance
0
21
Agilisium Consulting Enterprise Website Design
0
10