Blackonyx Energy Website

Blackonyx Energy is an energy solutions company offering engineering, procurement, and technical services. The goal of this project was to design and develop a modern, professional website that showcases the company’s services, projects, and partners; establishing credibility and improving client trust.
The Blackonyx Energy wanted a sleek, corporate feel that communicated reliability and competence while remaining simple and easy to navigate.

Role

Freelance UI/UX Designer & Webflow Developer

Tools

FigJam, Figma, Webflow, Custom Code

Collaborators

Graphic Designer, Stakeholders, Business Analyst

Timeline

1 month

Impact

Complete digital launch for the BOTH Cities brand and stronger online credibility and buyer confidence.

Link

Website link

The Challenge

Before this project, Blackonyx Energy due to some technical issues had a broken online presence and relied entirely on offline communication. They needed a website that would:At the start, BOTH Cities had no online identity or clear digital touchpoint.

Present their brand and services clearly.

Demonstrate professionalism and industry expertise.

Build trust with potential partners and clients.

Be easy for their team to manage after handover.

My Role

As the sole designer and developer, I handled the project from concept to launch. My tasks included:

Conducting discovery sessions to understand the client’s vision and audience.

Creating the site structure and UX flow using FigJam.

Designing high-fidelity mockups in Figma.

Developing the full site in Webflow, with light custom code for animation and responsiveness.

Setting up the domain, hosting, DNS configuration, and email integration.

Testing and optimizing the site for speed and device compatibility.

Design Process

Discovery & Planning

Clarified the website goals; credibility, clarity, and easy access to company information.

Wireframing & UI Design

Created layouts focusing on clean structure and strong visual hierarchy.

Visual Design & Brand Integration

Developed a modern corporate palette with balanced contrast and typography.

Development

Implemented smooth scrolling, responsive design, and subtle motion to keep the interface engaging.

Launch & Setup

Configured email hosting, domain DNS, and connected the live site for a seamless rollout.

The Solution

The final website delivered:

A modern, responsive website with strong brand presence.

Dedicated pages for company overview, services, projects, and partners.

Clear calls-to-action and inquiry forms.

Simple CMS structure for easy updates.

Integrated custom animations for subtle, professional motion.

Results

Blackonyx Energy relaunched its online presence.

Increased credibility with potential clients and partners.

Streamlined communication through the integrated contact system.

Positive feedback from the client for both design quality and site performance.

Key Learnings

Freelance projects require both technical and communication discipline.

Setting up hosting and email adds strong value to design services.

Corporate clients appreciate clarity and simplicity over heavy visuals.

Managing the full process builds confidence and ownership.

Closing

This project allowed me to deliver a complete digital solution; from UX planning and UI design to Webflow development and technical setup. It reinforced my ability to take a project from idea to launch independently while meeting client goals for credibility and professionalism.

Other Projects

BOTH Initiative

Nonprofit Organization

View Project

Firmgate & Associates

Business Development and Advisory Company

View Project

View All