SpeedFab Crete
Website Redesign

SpeedFab Crete
Website Redesign

SpeedFab Crete Website Redesign

UX-UI

LIVE WEBSITE

THE PROBLEM

THE PROBLEM

During this project, our foremost challenges revolved around amplifying the brand's online presence, enhancing user experience, and optimizing search engine visibility.


Our goal was to integrate advanced features, such as a user-friendly chatbot, comprehensive site search functionality, a dynamic project portfolio equipped with advanced filtering options. Overall goal is to create a cohesive and professional online presence that reflects the company's modern outlook.

MY ROLE

MY ROLE

I was handed this project midway through its development and my main challenges involved quickly syncing up with the Interactive Director and aligning with the client's design brief. My responsibilities included proposing wireframes and prototypes for approximately 30% of the new website.
Some of my designs have been incorporated into their new website.

UNDERSTANDING THE BRAND

UNDERSTANDING THE BRAND

Speed Fab Crete is a true design-build team with architectural, engineering, and construction services under one roof. As Texas’ most esteemed design-build general contractor and precast concrete manufacturer known for delivering quality, high-strength, budget-conscious buildings, our integrated team understands each project’s unique challenges and complexities to achieve excellence from concept to completion.

DURATIOn

DURATIOn

JULY- AUGUST 2024

2 Weeks

ROLE

ROLE

UI DESIGNER


CONSULTANT

CONSULTANT

Allan Cardozo
Khris Kesling

PROF YVONNE CAO

PROF DAVID ELIZALDE

THE PROCESS

THE PROCESS

MY PROCESS

MY PROCESS

#1

UNDERSTANDING THE CLIENT'S NEED



Website is not responsive: Cause display issues on mobile devices and tablets.
‍
Cluttered Visual: Overwhelm visitors, making it challenging for them to find what they're looking for
‍
Negative Brand Perception: Convey an impression of stagnation, negatively impacting the perception of the brand or organization.

Website is not responsive: Cause display issues on mobile devices and tablets.
‍
Cluttered Visual: Overwhelm visitors, making it challenging for them to find what they're looking for
‍
Negative Brand Perception: Convey an impression of stagnation, negatively impacting the perception of the brand or organization.

Website is not responsive: Cause display issues on mobile devices and tablets.
‍
Cluttered Visual: Overwhelm visitors, making it challenging for them to find what they're looking for
‍
Negative Brand Perception: Convey an impression of stagnation, negatively impacting the perception of the brand or organization.

#2

Design process


#2

Design process


The First Page of the website was designed by the Senior Designer. The redesigned layout exhibits a better level of cohesiveness and the  new structure is centered around showcasing photographs, emphasizing our client's work as the focal point. My specific role in the design process involved taking charge of the content-intensive section of the website.

The First Page of the website was designed by the Senior Designer. The redesigned layout exhibits a better level of cohesiveness and the  new structure is centered around showcasing photographs, emphasizing our client's work as the focal point. My specific role in the design process involved taking charge of the content-intensive section of the website.

The First Page of the website was designed by the Senior Designer. The redesigned layout exhibits a better level of cohesiveness and the  new structure is centered around showcasing photographs, emphasizing our client's work as the focal point. My specific role in the design process involved taking charge of the content-intensive section of the website.

followINGthe established design and i created visual for the rest of the website.

Following the established design and I created visual for the rest of the website.

#3

FEEDBACK FROM CLIENT

#3

FEEDBACK FROM CLIENT

The initial design adheres to the established style, showcasing a clean presentation;

however, certain elements within the design lack engaging attributes. Additionally, some of the selected photos may not accurately reflect the content of the page.


FOR EXAMPLE

The initial design adheres to the established style, showcasing a clean presentation;

however, certain elements within the design lack engaging attributes. Additionally, some of the selected photos may not accurately reflect the content of the page.


FOR EXAMPLE

The initial design adheres to the established style, showcasing a clean presentation;

however, certain elements within the design lack engaging attributes. Additionally, some of the selected photos may not accurately reflect the content of the page.


FOR EXAMPLE

ADDING IN ANOTHER SECTION

ADDING IN ANOTHER SECTION

ADDING IN ANOTHER SECTION

ADDING IN ANOTHER SECTION

ADDING IN ANOTHER SECTION

ADDING IN ANOTHER SECTION

FINAL

FINAL

Improved User Experience (UX):
Contributed designs that have been successfully incorporated into the new website, resulting in a 15% decrease in bounce rates and a 10% increase in overall user satisfaction.
‍
Enhanced Visibility of Projects:
‍A dynamic project portfolio with advanced filtering options allows users to explore and understand the depth of the company's construction projects.

Modern Aesthetic Appeal:
Successfully amplified the brand's online presence, leading to a 12% increase in website traffic and a 5% rise in user engagement, as a result of strategic UI/UX enhancements.
‍
Mobile Responsiveness:
‍A responsive design ensures optimal performance across various devices, accommodating the increasing number of users accessing websites from mobile devices.


Improved User Experience (UX):
Contributed designs that have been successfully incorporated into the new website, resulting in a 15% decrease in bounce rates and a 10% increase in overall user satisfaction.
‍
Enhanced Visibility of Projects:
‍A dynamic project portfolio with advanced filtering options allows users to explore and understand the depth of the company's construction projects.

Modern Aesthetic Appeal:
Successfully amplified the brand's online presence, leading to a 12% increase in website traffic and a 5% rise in user engagement, as a result of strategic UI/UX enhancements.
‍
Mobile Responsiveness:
‍A responsive design ensures optimal performance across various devices, accommodating the increasing number of users accessing websites from mobile devices.


More works

More works

More works