Andrii Kostiuk
Offer Andrii work on your next project.
Rating
Skills and abilities
Programming
Design & art
Services
Mobile development
Portfolio
-
75 USD Northline Holdings Lending
Web DesignDevelopment of a premium corporate landing page for the holding company Northline Holdings
Project Description
A modern, minimalist, and high-performance landing page has been successfully developed for the American holding company Northline Holdings. The visual style of the page is inspired by the aesthetics of brands such as Stripe, Vercel, and Linear: clean typography, strict geometry, plenty of white space, and a premium color palette. The main task of the project is to create a solid and technological online presence to showcase the portfolio of sub-brands and collect investment or partnership applications.
… Technology Stack
Frontend: React (UI library) and Vite (super-fast project build tool).
Styling: Tailwind CSS (utility-first CSS framework for creating custom designs and responsive layouts).
Backend / Database: Supabase (BaaS platform, using PostgreSQL to store leads in real-time).
Content and Media: Integration of optimized remote images via HTTP from open sources.
What Was Done (Completed Tasks)
Branding and Corporate Identity:
Developed a basic branding concept and text logo for the fictional American holding company.
Selected a premium color palette, contrasting fonts, and graphic elements that align with the corporate sector in the USA.
Frontend Development on React + Vite:
Created a fast website structure without using large and overloaded CMS (the client rejected WordPress).
Implemented responsive layout for all screen types (smartphones, tablets, desktops).
Integrated thematic HTTP images from the web to illustrate the activities of the holding company.
Portfolio and Projects Section:
Developed an interactive "Portfolio/Projects" block to showcase assets, subsidiaries, or completed investment cases of the holding company.
Integration with Supabase (Contact Form):
Created a secure contact form for collecting applications.
Set up direct integration with the Supabase database (via client API) for instant saving of names, emails, company names, and messages from visitors.
Implemented basic field validation and user notifications for successful form submission.
Result
A fully functional prototype of a premium corporate website has been created, demonstrating high performance due to the Vite + React stack, featuring a modern look and a scalable cloud database for lead processing.
-
75 USD Motion design portfolio Lending
Web DesignDevelopment of a modern portfolio with an admin panel for a Motion Design Artist
Project Description
A complete full-cycle development (Full-Stack) of a modern, fast, and SEO-optimized portfolio website for a motion designer has been successfully implemented. The main goal of the project is to create a high-performance visual showcase for creative works (showreels, videos, graphics) with an integrated content management system (CMS) for easy case updates without involving a developer.
… Technology Stack
Frontend: React / Next.js (SSR/SSG for maximum speed and SEO), Tailwind CSS (responsive design).
Backend: Python (FastAPI / Django REST Framework) — a reliable and fast API for data processing.
Database: PostgreSQL / SQLite (for storing project structures and content).
Deployment and Optimization: Server setup, media file optimization (lazy loading of videos and images).
What was done (Completed Tasks)
Frontend on Next.js and React:
A clean, minimalist, and ultra-modern interface was created, focusing the visitor's attention on the author's works.
Smooth animations and transitions between pages were implemented.
Full responsiveness (Responsive Design): the site displays perfectly on smartphones, tablets, and 4K monitors.
Optimization for Motion Content:
Custom players were integrated for high-quality streaming of showreels (Reels) and heavy video formats without losing site loading speed.
Image optimization was configured for high Core Web Vitals scores.
Backend on Python and Admin Panel:
A secure and intuitive admin dashboard was developed.
The ability to add, edit, and delete projects, upload new videos, images, and change descriptions and categories in real-time was implemented.
SEO Preparation:
Dynamic sitemap generation, robots.txt configuration.
Implementation of correct meta tags (Open Graph, Twitter Cards) for proper link display in social networks and messengers.
Project Handover:
All clean, structured, and documented source code was fully handed over to the client along with instructions for deployment and administration.
Result
The client received a ready-to-use premium-level tool that is fully prepared for promotion, attracting new clients, and showcasing creative potential in the international market.
#webdevelopment #freelance #portfolio #nextjs #react #python #backend #frontend #motiondesign #cms #dashboard #seo #fullstack #website development