PERSONAL PROJECT 2026

BYJECS — Freelance Portfolio

A complete freelance portfolio designed and developed from the ground up, combining strategy, visual identity, user experience, and custom WordPress development.

Web Design
UX/UI
Development
Content

View Website View Process

BYJECS website showcased on a desktop laptop and smartphone

01 PROJECT OVERVIEW

Project at a glance.

BYJECS is my freelance portfolio and commercial website, created to showcase my work, present my services and provide potential clients with a clear way to start a project.

Project Type: Personal Project
Role: Strategy, UX/UI, Development, Content
Year: 2026
Website: BYJECS Website
Technologies: HTML, CSS, JavaScript, WordPress, PHP
Deliverables: Website, Case Study, Short-Form Content

02 THE CHALLENGE

Starting from zero.

Building BYJECS meant creating more than a portfolio. The challenge was to establish a professional digital presence from scratch, define a clear service offering, and turn an initial idea into a cohesive website that communicates value and encourages meaningful inquiries.

01 /

Build credibility

Create a polished digital presence that demonstrates design and development capabilities through the website itself.

02 /

Clarify the offering

Present web development and short-form video editing as distinct services within one consistent brand.

03 /

Make contact simple

Give potential clients straightforward ways to explore the work, understand the services, and start a conversation.

03 BEFORE DESIGNING, DEFINE THE PROBLEM

Before designing, define the problem.

Before moving into design, I defined the project goals, organized the website structure, and planned the content needed to guide the experience.

04 WIREFRAMES

Turning structure into pages.

With the website architecture defined, I translated the content hierarchy into low-fidelity wireframes. This helped establish layout, navigation, and section flow before moving into visual design.

Home low-fidelity wireframe for BYJECS — Home

Services low-fidelity wireframe for BYJECS — Services

Work low-fidelity wireframe for BYJECS — Work

About low-fidelity wireframe for BYJECS — About

Contact low-fidelity wireframe for BYJECS — Contact

Web Design & Development low-fidelity wireframe for BYJECS — Web Design & Development

Short-form Video Editing low-fidelity wireframe for BYJECS — Short-form Video Editing

First Case Study low-fidelity wireframe for BYJECS — First Case Study

05 VISUAL DIRECTION

Building the visual identity.

I designed a clean, modern and professional visual identity aligned with the goals of the project.

Color Palette

Typography

Space Grotesk Inter JetBrains Mono

UI Elements

Button

06 DEVELOPMENT

From design to code.

I built the website using HTML, CSS, JavaScript and WordPress, implementing a custom theme based on the approved design.

HTML CSS JavaScript

1<main id="main-content">
                2  <section class="hero">
                3    <h1>Turning digital
                4      ideas into real experiences.
                5    </h1>
                6  </section>
                7</main>

BYJECS Home page desktop preview showing the final hero design — BYJECS website developed as a custom WordPress theme.

07 RESPONSIVE DESIGN

Built for every screen.

The website is fully responsive and optimized for a smooth experience across desktop, tablet and mobile devices.

BYJECS Home page at desktop width — Desktop (1440px)

BYJECS Home page at tablet width — Tablet (768px)

BYJECS Home page at mobile width — Mobile (375px)

08 FINAL RESULT

The finished experience.

From initial planning to final development, the result is a cohesive digital experience designed to communicate services clearly, showcase work, and make it easy to connect.