NextJS

Construction Website.

In a recent initiative, I improved an existing company’s online presence by optimizing user experience and refining design. My goal was to create a more user-friendly platform, applying my web development and design skills to enhance the company’s digital presence.

Problem Statement
The existing website presents an overload of information, creating confusion for users, particularly new visitors, in navigating and comprehending the content effectively.

Objective
Suggest a user-friendly navigation system for current and potential clients to explore the company’s projects.

Live Website

Client:
Personal initiative

Project Duration:
June 2019

My Role:

UX Research
Prototype and Wireframe

Technologies used:

Adobe XD
Draw.io

UX Process

DEFINE	IDEATE	PROTOTYPE
Problem statement Gather data User Journey Mapping	Synthesise findings Brainstorm on solutions Wireframe	Translate proposed solutions into prototype

Research

I initiated my research by studying the company’s current website and profile. Following that, I explored competitor websites to understand how content information is organized.

Current website

Competitors’ website

User Interface Design

Low-fidelity Wireframe

Content Structure

Design Guidelines

I opted for the modern and readable Karla sans-serif font for the text. The design incorporates the company’s primary corporate logo, employing minimal and neutral colors such as grey and black.