Skip to content

saheerkhan_portfolio_redesign_v_2.md

Latest commit

 

History

History
392 lines (277 loc) · 5.12 KB

saheerkhan_portfolio_redesign_v_2.md

File metadata and controls

392 lines (277 loc) · 5.12 KB
Raw

Saheerkhan.app — Full Redesign Strategy

Core Direction

The current portfolio looks visually polished, but it suffers from identity confusion and too much visual noise.

The redesign should position you as:

AI Systems + Cybersecurity Engineer

Not a generic frontend developer.

The entire website should feel:

  • sharp
  • technical
  • fast
  • minimal
  • engineering-focused
  • credible

Not cinematic.

Major Problems in Current Version

Remove Completely

  • Loader animation
  • Custom cursor
  • “Vibe Coding” section
  • Fluffy stats
  • Overly generic text
  • Excessive gradients
  • Fake-premium agency feel

New Structure

1. Hero Section

Goal

Immediately establish:

  • identity
  • specialization
  • proof
  • credibility

New Hero Layout

Left side:

  • name
  • specialization
  • short value statement
  • CTA buttons

Right side:

  • terminal-style engineering card
  • live metrics
  • GitHub activity
  • current focus

Example Hero Copy

Saheer Khan
AI Systems & Cybersecurity Engineer

Building autonomous AI agents, security tools,
and scalable cloud-native applications.

Focused on:
- AI infrastructure
- security automation
- cloud security
- intelligent systems

CTA Buttons

  • View Projects
  • GitHub
  • Resume

2. Featured Engineering Work

This becomes the MOST important section.

Instead of equal-sized project cards:

Create:

  • 1 flagship project
  • 2 major projects
  • remaining projects smaller

Flagship Project

FRIDAY

This should dominate the homepage.

Add:

  • architecture diagram
  • screenshots
  • stack breakdown
  • system pipeline
  • provider routing
  • memory architecture
  • deployment challenges
  • observability stack
  • latency optimization

Layout

Left:

  • screenshots
  • dashboard image

Right:

  • project explanation
  • tech stack
  • architecture bullets
  • metrics
  • GitHub
  • Live Demo

Example

FRIDAY
Autonomous AI Operating System

Multi-agent AI assistant with:
- semantic memory
- local vector retrieval
- tool orchestration
- provider routing
- autonomous workflows
- cloud deployment

3. Engineering Timeline

Replace generic “Experience”.

Make it:

Engineering Journey

Show:

  • what you built
  • technical growth
  • infrastructure progression
  • AI/security evolution

Example:

2023
Built first production website

2024
Started full stack internship

2025
Built FRIDAY AI system

2026
Moving into AI infrastructure + cloud security

4. Technical Stack Section

Current skills section is too generic.

Instead:

Core Expertise

AI Systems

  • RAG
  • Vector Search
  • Multi-Agent Systems
  • LLM Integration
  • Prompt Engineering

Backend

  • FastAPI
  • Python
  • APIs
  • Auth
  • Databases

Security

  • OSINT
  • Web Security
  • Vulnerability Scanning
  • Linux
  • Networking

Infrastructure

  • Docker
  • Cloudflare
  • GitHub Actions
  • Deployment
  • Linux Servers

5. GitHub & Technical Activity

Critical missing section.

Add:

  • GitHub contribution graph
  • pinned repos
  • current projects
  • open-source work
  • latest commits

This creates REAL credibility.

6. Technical Writing Section

This is essential for SEO and authority.

Add blog posts like:

  • Building an AI assistant with semantic memory
  • Groq vs Cerebras performance testing
  • Dockerizing autonomous agents
  • Web vulnerability scanning in Python
  • My TryHackMe workflow
  • RAG architecture explained

7. Cybersecurity Proof Section

Current cybersecurity positioning is weak.

Add:

  • HTB progress
  • THM rooms completed
  • labs
  • writeups
  • detection experiments
  • SIEM experiments
  • screenshots

Without proof, cybersecurity claims look shallow.

8. Performance Improvements

The redesign must prioritize:

  • Lighthouse score
  • Core Web Vitals
  • low JS
  • accessibility
  • SEO
  • mobile speed

Target:

  • < 2s load
  • 95+ Lighthouse

Visual Direction

Keep

  • dark theme
  • premium typography
  • clean spacing
  • elegant motion

Remove

  • excessive blur
  • glowing effects everywhere
  • heavy animations
  • gimmicks

Recommended Stack

Best Option

  • Next.js
  • TailwindCSS
  • Framer Motion
  • MDX blog
  • Cloudflare Pages

New Homepage Structure

Hero
↓
Featured Project (FRIDAY)
↓
Engineering Projects
↓
Technical Stack
↓
GitHub Activity
↓
Technical Blogs
↓
Cybersecurity Labs
↓
Engineering Timeline
↓
Contact

Important Positioning Shift

Current site:

“Stylish student portfolio”

New site should feel like:

“Young engineer building serious systems.”

That difference matters massively.

Most Important Changes

Priority 1

  • stronger hero
  • remove fluff
  • simplify visuals
  • focus on engineering

Priority 2

  • make FRIDAY dominant
  • add technical proof
  • GitHub integration
  • architecture diagrams

Priority 3

  • blogs
  • case studies
  • security writeups
  • SEO content

Final Recommendation

Your portfolio should evolve into:

AI + Security Engineering Brand

NOT:

  • generic developer portfolio
  • fancy landing page
  • animation showcase

You already have enough real projects.

Now the problem is not:

“Do you have skills?”

The problem is:

“Your portfolio does not communicate your technical depth clearly enough.”