Built with Framer

Vertech Academy Website Redesign and Development.

Orion

Orion Farag

Verified

Vertech Academy Website Redesign and Development

Client: Vertech Academy Role:
Redesign & Development: Full rebuild of the website in Framer.
Copywriting: Rewrote all page content to align with a clear educational tone and improved user flow.
Logo Design: Created a simple, recognizable logo.
Tools: Framer, Figma, Notion, Jitter Timeline: 3 Weeks
The Final Form

- Deliverables

11 custom pages
3 CMS collections
Custom illustrations
Scalable content system

- Outcome

The redesign delivered immediate measurable impact in the first week after launch:
📈 Conversion rate increased by 11.4%
🔻 Bounce rate dropped from 81% to 42.4%
and most important Client Satisfaction

From Uncertainty to Clarity

Old Version
When Adolph first reached out, he knew he wanted to redesign his website — but wasn’t really sure what direction to take. The only thing he was sure about was that the old site just wasn’t working the way he wanted.
So, I started with a full website audit. We talked through what wasn’t working, what users actually needed, and what kind of design language would fit the brand best. After that conversation, everything clicked — the vision became clear and we had a solid plan to move forward.
First page of the audit
First page of the audit

Challenges:

The main challenge was that the website needed to appeal to two different age groups — students and teachers. This meant finding the right balance between a modern, youthful design that attracts students and a clear, easy-to-use interface that works seamlessly for teachers.
The old website had an overwhelming amount of unstructured content, which made navigation confusing. To fix that, I reorganized the information architecture and reduced the number of pages to make browsing simpler and more intuitive.
About page (inspired from Nexus)
About page (inspired from Nexus)

Design Process:

Wireframes / low-fidelity sketches
Sitemap (inside Figma)
Figma Site map ( to track progress and comments )
Figma Site map ( to track progress and comments )
High-fidelity design
Development in Framer
Hero Section
Hero Section
Features Section
Features Section
Optimization and handoff
Scores after first round of optimization
Scores after first round of optimization
Vitals Assesment
Vitals Assesment

Mid work review from Mr. Adolph:

A week after working on the new site, I received an email from mr. Adolph that honestly made my day — it was full of excitement and appreciation, and it reminded me why I love what I do.

Gallery

Pricing Section
Pricing Section
FAQ & Footer
FAQ & Footer
Contact Page
Contact Page
Comparison Section
Comparison Section
Like this project

What the client had to say

Orion is the best designer I've worked with. His designs are unique, original, functional, and creative. He's not only talented but also has the work ethic to match. I'd definitely recommend him if you have any web design project in mind.

Adolph-Smith Gracius, Vertech Academy

Nov 2, 2025, Client

Posted Nov 4, 2025

A complete Framer redesign for Vertech Academy focused on clean UX, clear structure, and measurable growth.

Likes

5

Views

13

Timeline

Oct 7, 2025 - Nov 9, 2025

Clients

Vertech Academy