HELLO

I'm -
a Front-End Developer.

I can code your ideas, build your landing page, build your online shop, troubleshoot your pain points, redesign your website, optimize your slow website, improve your SEO, and localize your content.

With my technical know-how and designer eyes, your online presence will be professional and accessible.

Portrait of Zhiar
Let's talk about it

Personal Projects

Building personal projects has given me experience in solving real implementation challenges—from responsive layouts to performance optimization and accessibility.

Screenshot of the Hawas Coffee landing page

Hawas

Premium coffee subscription landing page designed to showcase conversion-focused UI, accessibility, responsive layouts and modern CSS architecture.

Tech Stack

HTML Logo CSS Logo TypeScript Logo Vite Logo Git Logo

Insights

Performance

  • Responsive on 280px-4K screens
  • Minimal JS
  • Simplified scroll transitions
  • Lazy loading
  • CLS improvements
  • Image optimization via imagemin
  • CSS architecture

Accessibility

  • Semantic HTML
  • Keyboard navigation
  • Native dialog

Challenges

  • Designed a reusable responsive layout scaling from 280px to 4K
  • Reduced layout shift caused by late-loading images
  • Implemented accessible keyboard navigation without external libraries
  • Implemented using zero frameworks to deepen understanding of fundamentals
97
Performance
100
Accessibility
98
SEO
100
Best Practices
View GitHub repository Live Demo
Screenshot of the Menumoon project

Menumoon

Menumoon is a digital menu platform that helps businesses showcase products through a clean, mobile-first interface optimized for speed and usability.

Tech Stack

HTML Logo CSS Logo JavaScript Logo Git Logo

Insights

Performance

  • Fully responsive
  • State-driven rendering
  • Dynamic DOM
  • Event delegation
  • Lazy loading
  • Zero layout shift
  • Automated image optimization pipeline
  • Scalable CSS architecture

Accessibility

  • Semantic HTML
  • Screen reader accessible
  • Keyboard navigation
  • ARIA where needed
  • Native dialog

Challenges

  • Selective rendering
  • State management with a single source of truth
  • Implemented with a unidirectional state-driven rendering pipeline
  • Implemented using zero frameworks to reduce abstractions
97
Performance
100
Accessibility
98
SEO
100
Best Practices
View GitHub repository Work In Progress

How I Can Help

Every project starts with a problem. Here are the ones I solve most often.

⚠

I need a website for my business.

Whether you're starting from scratch or taking your business online for the first time, I'll build a fast, professional website that establishes credibility and works on every device.

    Typical projects
  • Business websites
  • Landing pages
  • Portfolio websites
  • Product pages
⚠

My website looks outdated.

An old website can damage trust before you've even spoken to a customer. I'll redesign it with a modern interface while preserving what already works.

    You will get
  • Modern design
  • Responsive layouts
  • Cleaner codebase
  • Easier maintenance
⚠

My website is slow.

Slow pages hurt user experience, search rankings, and conversions. I'll identify bottlenecks and optimize your website for speed.

    Improvements include
  • Faster loading
  • Better Core Web Vitals
  • Optimized images
  • Reduced layout shift
⚠

People can't find my business online.

A great website is useless if nobody discovers it. I optimize websites for traditional search engines and modern AI-powered search experiences.

    Focus areas
  • Technical SEO (On-Page)
  • Semantic HTML
  • Metadata
  • Search Everywhere Optimization
⚠

My website isn't accessible.

Accessibility isn't an optional feature. It's our duty to build a professional website that works for every human.

    Implementation includes
  • Full keyboard navigation
  • Semantic HTML
  • Screen reader support
  • Reduced-motion support
  • Accessible forms
⚠

I need help improving an existing website.

Not every project needs a complete rebuild. Sometimes the right solution is improving what you already have.

    Examples
  • New features
  • Bug fixes
  • Responsive improvements
  • Front-end development on existing backend
  • Code refactoring & cleanup

Good websites don't just look professional. They perform professionally.

The Process

Between first contact and the final product is just a few simple steps.

Discover & Define

You and I define your product's value proposition, target audience, and requirements.

↓

Planning

We organize a clear roadmap to bring your product to life.

↓

Design

We define and design the visual style you like for your product, assisted by AI. This can include branding and product mock ups too.

↓

Development & Deployment

I will build the perfect website using modern and industry standard technologies. Every line of code is guaranteed to perform. I can also take care of the deployment.

↓

Updates & Support

I will stay with you for 7 days to refine, improve and maintain your product. For free.

Development Principles

Every website I build follows the same engineering standards. These principles ensure your website is fast, accessible, maintainable, and built to be discovered.

Performance

  • Optimized for Core Web Vitals
  • Fast loading
  • Optimized assets

Fast websites keep visitors engaged, rank better in search results, and provide a smoother experience. I optimize loading speed, responsiveness, and resource delivery so your website performs well across devices and network conditions.

Accessibility

  • Keyboard accessible
  • Semantic HTML
  • A11Y

Accessibility is a core part of my development process, not an afterthought. I build with semantic HTML, keyboard navigation, and inclusive design principles so more people can use your website regardless of ability or device.

Maintainability

  • Reusable architecture
  • Clean codebase
  • Scalable components

Clean code isn't just aesthetics, it ensures more straightforward maintainability and makes future changes cheaper, faster, and safer.

Search Everywhere Optimization

  • Technical SEO
  • Structured metadata
  • AI-ready content

Visibility extends beyond traditional search engines. I follow modern SEO best practices and structure content to improve discoverability across search engines and emerging AI-powered search experiences.

Skills

I'm skilled in implementing industry standard and emerging technologies.

Frontend

HTML CSS / Tailwind JavaScript Typescript React Web APIs

Backend

Node.js Redis Express MongoDB PostgreSQL Containerization

Performance

Lighthouse optimization SEO Image optimization pipeline

Tooling

Git Vite Vercel Docker Cloudflare workers

Other Skills

Copywriting Localization

Frequently Asked Questions

How long does a project take?

Timelines depend on the project's complexity. Most websites are completed within 1–4 weeks, with regular updates throughout development.

How much does a website cost?

Every project is quoted individually based on its goals, features, and scope. You'll receive a clear estimate before any work begins.

Will my website work on mobile devices?

Yes. Every website is built with a responsive layout that adapts to phones, tablets, laptops, and desktop displays.

Will my website be optimized for search engines?

Yes. Technical SEO, semantic HTML, performance optimization, and structured metadata are included to help search engines understand your website.

Can you redesign my existing website?

Absolutely. I can modernize outdated websites, improve usability, increase performance, and preserve important content where appropriate.

Will I be able to update my website?

If your project includes editable content, you'll receive an easy way to manage it along with guidance on making future updates.

Do you provide support after launch?

Yes. I offer post-launch support to resolve issues, make improvements, and ensure your website continues to perform reliably.

Your Website Should Work as Hard as You Do.

Fast. Accessible. Searchable. Maintainable. If your website isn't delivering the experience your customers deserve, let's fix that together.

Schedule a Free Consultation

Tell me about your project, and I'll recommend the most practical path forward.