lisogorka website main page

"Lisogorka" is a personal portfolio website of Iryna Lisogor - a visual designer and illustrator. She needed a digital space to showcase her creative work while maintaining full control over content management.

The Challenge

Creating a personal web "space" for artists involves the following:

  • showcasing work in the desired way
  • ensuring easy content management for non-technical users
  • keeping fast performance
  • and providing admin capabilities for portfolio updates

The challenge was to build a solution that would be both visually appealing for visitors and practically manageable for daily use.

Solution & Features

Content Management System - Custom admin dashboard allows Iryna to easily add, edit, and organize her portfolio pieces. It supports rich text editing, image uploads, and project categorization.

lisogorka website main page

lisogorka website main page

Performance-First Architecture - SvelteKit brings optimal loading speeds and SEO resulting in perfect PageSpeed Insights score.

Responsive Design System - Developed a fluid typography system and responsive layouts using CUBE CSS methodology.

Secure Authentication - Integrated OAuth-based authentication through Supabase for secure admin access.

Technical Implementation

Frontend Architecture - Built with SvelteKit leveraging its App Router for optimal performance, SEO, and developer experience. TypeScript provides comprehensive type safety across the entire codebase, while vanilla CSS with fluid typography creates a maintainable and performant styling system.

Backend & Database - Integrated Supabase for PostgreSQL database management and authentication, with DrizzleORM providing type-safe database queries. Cloudinary handles image optimization and delivery.

Key Metrics & Impact

  • 100/100 Performance Score - PageSpeed Insights
  • Mobile-first responsive design with consistent experience across devices
  • Seamless admin experience

Development Process

The project began with understanding Iryna's specific needs as a visual artist - prioritizing image quality and ease of content updates. I chose SvelteKit for its great performance characteristics and Supabase for its comprehensive backend-as-a-service structure.

Future Enhancements

  • Enhanced Admin UI
  • Analytics Dashboard - Portfolio engagement metrics
  • Blog Integration