Sofia Melnyk


(*)
Web designer
who creates websites
that speak for themselves.

Who am I?

Hi, I’m Sofia!

I specialize in creating minimalist, clear, structured, and user-friendly websites that, through their unique simplicity, capture clients’ attention and help businesses grow.

My mission is to design digital experiences that combine aesthetics with functionality, ensuring every website not only looks great but also delivers measurable results.

I can create:

warframes

prototypes

website design

website redesign

basic website layout

presentations

flyers

posters

advertising creatives

social media design

etc.

Ready to get a website that highlights your brand and attracts clients — quickly, efficiently, and with a strong focus on your business goals?

Contact me

CERTIFICATIONS

Courses are definitely valuable, but without practice, theory alone doesn’t work. These courses gave me a solid foundation that I now apply in my professional work. At the same time, I gained a lot of additional experience by practicing design through YouTube tutorials.

Comprehensive course that combines UI/UX design in Figma, no-code development in Webflow, and practical strategies for starting a freelance career in web design.

Through this course, I deepened my knowledge of HTML and CSS and gained hands-on experience in building websites and web applications using JavaScript, React, Node.js, and Web3.

Practical course focused on essential UI/UX skills using Figma — from research to prototyping and developer handoff.

Through this course, I gained advanced Figma skills, including efficient workflow techniques, asset and component management, responsive layouts, and the use of variables for prototyping and design tokens.

Through this course, I gained practical skills in building responsive websites with Webflow, mastering intuitive no-code design techniques, creating simple animations, and ensuring consistency across different devices.

PROJECTS

01.

ZELEN

website design

ZELEN is a popular coffee shop in Ukraine that continues to grow. The main goal of this project was to create a website design that would convey the cozy atmosphere of the establishment, introduce the coffee shop to a wider audience, and attract more visitors.

02.

Design is...

poster

A poster showcasing the idea that design is more than just “pretty pixels.” Through typography and visual metaphor, it highlights that design is about feelings, storytelling, and emotions.

03.

GreenBloom

website design

GreenBloom is an eco-friendly home goods brand that needed a simple, intuitive, and visually appealing website. The goal was to create a design that reflects the brand’s values while boosting product sales.

04.

Fragmented Elegance

poster

A visual poster combining Chanel’s timeless elegance with modern graphic techniques. The “fragmentation” effect emphasizes the contrast between classic beauty and digital dynamism, creating a unique sense of modernity.

Website Design Process

only design

01. Discovery & Research

Goal: understand the client, their business, target audience, and competitors.

What’s happening:
➟ conducting meetings/interviews with the client;
➟ researching industry trends and competitors;
➟ defining the website’s main goal, key features, and target users.

Why it matters: a strong foundation ensures the website will be relevant, effective, and aligned with business objectives.

02. Planning

Goal: create a detailed project roadmap.

What’s happening:
➟ building a sitemap (page structure);
➟ planning user journeys;
➟ defining functionality (forms, online store, booking systems, etc.);
➟ selecting technologies (CMS, frameworks, etc.).

Why it matters: proper planning prevents chaos during the process and saves time and money.

03. Moodboard Creation

Goal: define the visual direction of the design.

What’s happening:
➟ collecting references: colors, typography, styles, UI elements, illustrations, photos;
➟ creating a visual collage that conveys the mood and style of the website.

Why it matters: it helps align visual expectations with the client before the design phase begins.

04. Wireframing + Prototyping

Goal: build the basic website structure and user experience (UX).

What’s happening:
➟ creating simple wireframe layouts of key pages;
➟ turning them into clickable prototypes (basic interactions: clicks, transitions).

Why it matters: early prototyping helps identify UX issues before the main design phase begins.

05. Design

Goal: develop the visual design and style of the website.

What’s happening:
➟ creating detailed layouts (colors, typography, brand visual elements);
➟ focusing on UX principles: easy navigation, accessibility, clarity;
➟ sometimes creating interactive prototypes (clickable layouts).

Why it matters: high-quality design improves usability, strengthens brand recognition, and engages users.

+ layout

06. Webflow Development

Goal: transfer the approved design into a live, interactive website using Webflow.

What’s happening:
➟ recreating layouts in Webflow without coding;
➟ setting up responsiveness for all devices;
➟ creating CMS collections for dynamic content;
➟ adding animations and interactions through Webflow’s built-in features.

Why it matters: Webflow makes it possible to quickly build pixel-perfect, professional websites without extra development costs.

07. Testing

Goal: ensure the website works correctly before launch.

What’s happening:
➟ testing across different browsers (Chrome, Safari, Firefox) and devices;
➟ detecting bugs, checking links and performance;
➟ testing forms, animations, and the purchasing process (for e-commerce).

Why it matters: testing ensures the website runs smoothly, without errors, and builds user trust.

08. Launch

Goal: launch the website and make it accessible to the audience.

What’s happening:
➟ finalizing hosting setup and connecting the domain;
➟ SEO optimization (meta tags, alt texts, sitemap);
➟integrating analytics (Google Analytics, etc.).

Why it matters: a proper launch allows you to immediately attract users and start tracking results.

(*)
Got a project in mind?
Let’s make it happen

Shoot me in email
and let’s bring your ideas to life.