design & interaction, web development

alpha aluminum

2018 - construction industry

CREATING A CLEAN AND GEOMETRIC DIGITAL PLACE.

Alpha Aluminum needed a website overhaul, so Ekko Media developed an interactive website that's centered around a clean geometric design.

CLIENT
  • Alpha Aluminum
SKILLS
  • UX / UI
  • Interactive Design
  • Art Direction
  • Custom eCommerce System
  • CMS
  • HTML + SASS + JS
  • Lavarel
AWARDS
  • CSS Winner
  • CSS Design Awards
  • CSS Light
DATE
  • 2018.10
launch

PROJECT BACKGROUND

Alpha Aluminum has been the leader in creating customized commercial interior aluminum products for over 15 years. Their exceptional design and innovation has brought them success all over the United States. Alpha Aluminum needed a website redesign that communicated this success. EKKO Media created a beautiful, modern website with amazing functionality that will help their business tremendously.

The website overhaul was centered around clean and geometric design. These guiding principles were chosen because they are in line with the company vision and branding. You can see these principles at work through the ample white space, bold typeface and overall page layout.

PRODUCTS

The creation of detailed product pages was a very important addition to the site. The main product page categorizes each type of product. This page includes large visuals and impressive feedback as the images and text changes as the customer hovers over each section. Once the customer chooses the product they are interested in, they are presented with a detailed product page.

The flow of each product page allows customers to envision the product, understand how Alpha Aluminum can customize the product and encourages them to request a quote. The flow starts with a beautiful click-through carousel of product images allows the customer to visualize the product. Then the customer sees a button to request a quote.

If the customer wants more information there are endless details as the customer scrolls down the page. They can find details about product customization, measurements and even easy-to-download files. This flow caters to all kind of customers and ensures that each customer finds what they need.

NEWS & EVENTS

The News and Events page is another beautiful layout that perfectly features new articles posted by Alpha Aluminum. The colors and font are perfectly on brand and communicated professionalism and structure. There is a user-friendly feature at the top that allows users to filter the articles by category.

The article pages feature large text to help all users read the information easily. The pages also include a convenient social share feature on the side of each article. At the end of each article, the user is encouraged to "Read More" with two more suggested articles to read.

INTERACTIVE WEBSITE LAYOUT

The new Alpha Aluminum website grabs your attention from the start with a bold, striking font, a carousel of perfectly positioned images and a strong call-to-action button. The button leads customers straight to the products page which allows them to request a quote for the product they’re interested in.

If the call to action button doesn’t real them in, the user will scroll down to find an impressive display of text and image. The typeface’s strong geometric shape ties in perfectly with the strong images of Alpha Aluminum’s products.

The layout encourages you to continue scrolling to the product section where you can browse their featured products. Finally, the user can see Alpha Aluminum’s most recent articles and a beautiful display of product images in the gallery section.

CORE FUNCTIONALITY AND FEATURES

A complete visual redesign wasn't all Alpha Aluminum needed when they came to EKKO Media for this project. The new site required an array of features to bring the site current and provide its visitors with all the resources and information regarding Alpha Aluminum.

EKKO Media was up to the task and delivered in many core functional areas. Below is a list of just some of the features found on the new Alpha Aluminum interactive website design.

UPDATED DESIGN WITH MULTI-LANGUAGE SUPPORT

The new Alpha Aluminum website design supports translation into all global languages. An aesthetically pleasing button in the header of the site allows users to easily change the site language. This vastly increases the customer base for the company. Alpha Aluminum can communicate its company and value to customers all over the globe.

FILE DOWNLOADS WITH INSTALL AND DRAWING DETAILS

Alpha Aluminum customers can locate and download files for products that they are interested in. This feature allows customers to understand the product they are purchasing in immense detail and leads to great customer satisfaction.

USER REGISTRATION AND CUSTOM ORDER INTEGRATION

Alpha Aluminum now has a dynamic quote system that walks the customers through the order process. Ordering large frames and doors can be nerve-wracking. With the new system, customers are carefully walked through each measurement to make sure no mistakes are made and that the customer is getting exactly what they want.

Media & Downloads Media & Downloads

PROJECT OUTCOME

Not surprisingly, the interactive website design has received numerous awards for design, user experience (UX) and user interface (UI). The awards are nice, but the real reward has been the growing popularity and reputation of the Alpha Aluminum brand.

65
days to build & design
03
web design awards

Ready to work with us?

previous project.
next project.
Cornerstone Evolve, Design, CMS, Web Development, Ecommerce

Cornerstone Evolve

2022
view project
Westin Automotive, social media, marketing, campaign, automotive, video production

Westin Automotive

2022
view project
Superwinch, interactive website, ecommerce, automotive industry, design, development

Superwinch

2022
view project
ISAGENIX, live broadcast, UX Design

ISAGENIX

2022
view project
BURN Energy, interactive website, marketing site, web design, ui design, ux design

BURN Energy

2022
view project
iKNOWAUTO

iKNOWAUTO

2022
view project
SUPERWINCH SOCIAL

Superwinch Social Media Campaign

2022 - Video Production,photography
view project
DC Shoes, web design, website, web development, promotion

DC Shoes

2022
view project
GLOBAL MERCH

Global Merchandise Services

2022 - Video Production
view project
PowerBass USA, ecommerce, website design, web development

PowerBass USA

2022 - Interactive Website,seo
view project
influencer, social media, video production

The Grand Cayman Influencer Tour

2022
view project
interactive website, visual design, beverage, web development

Relentless Energy

2022
view project
Web Design, Monster Java Gear, Web Development

Monster Java Gear

2022
view project
Video Production, Motion Graphics

Adidas Deerupt

2022
view project
web development, Design, Interaction, eCommerce

Vogtland Springs

2022
view project
e-learning, lms, learn management system, web development, monster energy

Monster Energy University

2022
view project
interactive website, web development, CMS, Websockets

Monster Energy NASCAR

2022
view project
Social Media, Video Production, Photography

Diff Eyewear

2022 - Video Production,photography
view project
Video Production, Social Media, Marketing Campaign, Buzz Theory

Foxtales

2022
view project
Interactive Website, Web Development

Monster Energy Website

2022
view project
Lexani, automotive industry, luxury vehicles, web design, interactive website

Lexani Motorcars

2022 - e-commerce
view project
ecommerce, interactive website, web development

Vertex Aquaristik

2022 - e-commerce
view project
social media, video production, photography

Dolce Cabo

2022 - Video Production,photography
view project
interactive website, websockets, cms, lexani

Lexani Wheels

2022
view project
Video Production, DJI Ronin, Sony AF700, music festival

FOR THE LOVE

2022 - photography
view project
Marketing website, gaming, call of duty, ui design

Call of Duty

2022
view project
Video Production, Social Media, Motion Graphics, Marketing Event

Huberts Lemonade

2022 - photography,Social Media
view project
web desing, UI Design, ecommerce, web development

Monster "Shirt Off Your Back" Promo

2022 - e-commerce
view project
Paramount Automotive, UI Design, Web Design, Ecommerce

Paramount Automotive

2022 - e-commerce
view project
Video Production, Photography

Whitehouse Project

2022 - photography
view project
UI Design, Web Development, Nalu Energy

Nalu Energy

2022
view project
web app, app, Monster Energy

Bleed Green

2022
view project
ecommerce, merchandise, web design

Activation Depot

2022 - Interactive Website
view project
flavor manufacturer, juice processor, website, organic

American Fruits & Flavors

2022
view project
true footage, real estate, web design, appraisals

True Footage

2022
view project
3d model, vehicle, store, web design, software

3D Builder

2022 - Interactive Website
view project
social media, web app

Claw Cam

2022 - Social Media
view project
ecommerce, vaping, tobacco, web design

Axiocore

2022 - Interactive Website
view project
web design, ecommerce, ui design

Chubby Gorilla

2022 - e-commerce
view project
Ecommerce, templates, web design, automotive, vehicles, cars, ui design, ux design

iKnow Ecommerce Shops

2022 - e-commerce
view project
Beast Blitz

Beast Blitz

2022 - Social Media
view project