×

Portfolio

Web Designer and Front-end Developer

Hello, I'm Hanna!

I’m a web designer and front‑end developer creating responsive websites
for desktop and mobile.

I handle everything from visual design to HTML/CSS implementation and WordPress integration, so the site is easy to manage and update.

Education

Belarusian State University,
Department of Sociocultural Communications, specialty “Web programming and computer design”.

Work Experience

CJSC Invacont (2020-2026)

Contacts

Hanna Stankevich

Skills

I created websites using Figma, Photoshop, HTML, CSS, SCSS, JavaScript, jQuery, Bootstrap, PHP, MySQL, WordPress, and Shopify.

  • Designed websites for a wide range of projects, including landing pages, showcase sites, corporate websites, e‑commerce stores, blogs, and educational platforms using Figma and Photoshop.
  • I used InDesign to design PDFs and posters for the company to present key information about their services and values.
  • Implemented numerous websites on WordPress and several projects on Shopify, customizing themes and setting up content structures for easy management.
  • Worked with databases and PHP when building custom functionality.
  • Created email templates that work reliably across major email clients and devices.
  • Developed CSS animations for landing pages and banners.

Design Projects

Websites (4 projects)

project Falken Tires

Project 01: "Falken Tires"

Falken Tires is a website for a tire manufacturer specializing in high-performance tires for cars, trucks, SUVs, and other vehicles.

A homepage was designed to present the brand, its products, and focus on high-performance tire technology.

Falken Tires: Part 1
Falken Tires: Part 2
project Sferolit

Project 02: "Sferolit"

SferoLit is a corporate website for a company specializing in the production of auxiliary materials for the foundry industry, including cast iron modifiers, filters, fluxes, and protective coatings.

The design uses colors inspired by the company’s logo. A soft and clean visual style was chosen to make the website feel modern and approachable despite the industrial subject.

A desktop version of the website was designed, including the Home, Product Catalog, Category, Product Single and Contacts pages.

Sferolit: Home page Sferolit: Product Catalog page
Sferolit: Category page Sferolit: Contacts page
project BondEnglish

Project 03: "BondEnglish"

BondEnglish is a landing page for an English tutor, created to present the tutor’s services, teaching approach, and programs in a modern and engaging way.

A warm chocolate color palette was chosen to convey the cozy atmosphere of London. Instead of using the usual London landmarks, such as Big Ben, the design features more atmospheric imagery, including a London bridge and a city park. This helped create a more personal visual identity.

Both desktop and mobile versions were created.

BondEnglish: Part 1
BondEnglish: Part 2
BondEnglish: Part 3
BondEnglish: Part 4
project Adrian Harrison

Project 04:
"Adrian Harrison"

Adrian Harrison Photography is a website for a professional photographer specializing in photography and video for businesses, products, teams, and projects.

The website focuses on presenting Adrian’s services and portfolio, highlighting high-quality visual content that helps businesses strengthen their brand and marketing.

Adrian Harrison: Part 1 Adrian Harrison: Part 4
Adrian Harrison: Part 2 Adrian Harrison: Part 3

Email Templates (3 projects)

Project 01

Tammy Fender

Project 02

ShonaJoy

Project 03

Varka

Indesign Works

Project: "Texpress Lanes in North Texas"

I designed a 15-page PDF presentation for a company. The document presents a structured case study of the TEXpress managed lanes system in the Dallas–Fort Worth area.

textpress page 1
textpress page 2
textpress page 3
textpress page 4

Other Works:

textpress page 1
textpress page 1
textpress page 3
textpress page 4
textpress page 3
textpress page 4

Development Projects

Html Websites:

Nick Shrewsbury

Nick Shrewsbury

East

East

East

The database for money

Iphone 12

Iphone 12

Celestia Energy

Celestia Energy

BondEnglish

BondEnglish

Wordpress (3 projects):

ACE

Project 01: Aviation Communication Experts

“Aviation Communication Experts” is a website, where people can register as air traffic controllers (instructors), fill in all information and after approving from the administrator create own courses. Other people after registration can choose an instructor and apply for some courses.

After creating a HTML version, i integrated files to the Wordpress and used PHP and MySql to create this system.

Ace: Image 2
Ace: Image 1
Ace: Image 3
Ace: Image 4
Volunhere

Project 02: Volunhere.org

VolunHere helps high school students find local volunteer opportunities and organizations by name, category, and location.

After designing and coding the HTML pages, I integrated them into WordPress as a fully dynamic system.

In WordPress, I created custom post types for Organizations, Opportunities and for Participating Schools. For each custom post type, I created a search form that allows users to filter by name, category/type, and location. This structure makes the content easy to manage from the admin panel while keeping user-friendly for people searching for volunteer opportunities.

Volunhere: Image 1
Volunhere: Image 2
Volunhere: Image 3
AquaVita

Project 03: AquaVita

Aquavita Hydration is a wellness service offering IV vitamin hydration drips to combat dehydration and support mental and physical health. Users can browse signature drips and custom vitamin add-ons for energy, immunity, recovery, beauty, and more

After designing and coding the HTML pages, I integrated them into WordPress as a fully dynamic system.

In WordPress, I created custom post types for services and benefits, implemented modal windows to display detailed information, and set up the admin panel so all content can be easily updated without touching the code.

AquaVita: Image 1
AquaVita: Image 2

Bootstrap:

Purathrive

Purathrive

Mushroom MindBoost

Mushroom MindBoost

Graphics:

Roots

Roots

Roots

Roots

Impacter Pathway

Impacter Pathway