HapWare

12.25

My Role

Web Designer

Timeframe

1 Month

Tools Used

Wordpress

Overview

About

HapWare created the first ever assistive device that translates non-verbal social cues into physical touch for people who blind, low vision, deaf-blind or neurodiverse. HapWare’s ALEYE system, which consists of glasses and a wristband, work in tandem with the help of AI to detect non-verbal communication, decode it, and translate the cues to a haptic pattern that is then delivered to the wristband. HapWare’s innovative accessibility technology makes communication accessible for everyone.

Project Image

Challenge

HapWare feels their website fails to convey the sleek, modern, aesthetic that they want customers to associate with their product. They also want their website to better promote the ALEYE wristband and glasses and to be more accessible to their customer demographic.

Goals

01

Update website’s interface to look more sleek and modern by implementing new product images, and elements from current design trends.

02

Configure content to better exemplify the HapWare and their product by improving their existing layout.

03

Improve accessibility by using colors with higher contrast and making the website compatible with screen readers.

Approach

Design

The design aesthetic for HapWare’s website was significantly improved through better use of their product images. Slight changes, such as removing backgrounds, made a major difference in modernizing their site. HapWare’s original heroes were primarily text with a colored background. The implementation of product images in the heroes gives the website a sleeker look, while better promoting their product.

Project Image

Layout

The layout of the website was designed to better showcase HapWare’s ALEYE system. Their landing page now explains the need for their product and better describes how the ALEYE system works. It additionally emphasizes that ALEYE is the first device of its kind and better emphasizes the product waitlist.

Accessibility

HapWare’s brand colors remain the same, but are now used more mindfully with regard to contrast and size. Alternative text is now applied to images and navigation so users with vision impairments have a better experience on their website and layout was additionally optimized for screen readers.

Project Image

Final Website

Visit HapWare

Visit https://hapware.com to check out their website and learn more about how they are making communication more accessible.

Peyton Enderle

User Experience / User Interface Designer

© 2025 Peyton Enderle.

HapWare

12.25

My Role

Web Designer

Timeframe

1 Month

Tools Used

Wordpress

Overview

About

HapWare created the first ever assistive device that translates non-verbal social cues into physical touch for people who blind, low vision, deaf-blind or neurodiverse. HapWare’s ALEYE system, which consists of glasses and a wristband, work in tandem with the help of AI to detect non-verbal communication, decode it, and translate the cues to a haptic pattern that is then delivered to the wristband. HapWare’s innovative accessibility technology makes communication accessible for everyone.

Challenge

HapWare feels their website fails to convey the sleek, modern, aesthetic that they want customers to associate with their product. They also want their website to better promote the ALEYE wristband and glasses and to be more accessible to their customer demographic.

Project Image

Goals

01

Update website’s interface to look more sleek and modern by implementing new product images, and elements from current design trends.

02

Configure content to better exemplify the HapWare and their product by improving their existing layout.

03

Improve accessibility by using colors with higher contrast and making the website compatible with screen readers.

Approach

Design

The design aesthetic for HapWare’s website was significantly improved through better use of their product images. Slight changes, such as removing backgrounds, made a major difference in modernizing their site. HapWare’s original heroes were primarily text with a colored background. The implementation of product images in the heroes gives the website a sleeker look, while better promoting their product.

Project Image

Layout

The layout of the website was designed to better showcase HapWare’s ALEYE system. Their landing page now explains the need for their product and better describes how the ALEYE system works. It additionally emphasizes that ALEYE is the first device of its kind and better emphasizes the product waitlist.

Accessiblity

HapWare’s brand colors remain the same, but are now used more mindfully with regard to contrast and size. Alternative text is now applied to images and navigation so users with vision impairments have a better experience on their website and layout was additionally optimized for screen readers.

Project Image

Final Website

Visit HapWare

Visit https://hapware.com to check out their website and learn more about how they are making communication more accessible.

Peyton Enderle

User Experience / User Interface Designer

© 2025 Peyton Enderle.

HapWare

12.25

My Role

Web Designer

Timeframe

1 Month

Tools Used

Wordpress

Overview

About

HapWare created the first ever assistive device that translates non-verbal social cues into physical touch for people who blind, low vision, deaf-blind or neurodiverse. HapWare’s ALEYE system, which consists of glasses and a wristband, work in tandem with the help of AI to detect non-verbal communication, decode it, and translate the cues to a haptic pattern that is then delivered to the wristband. HapWare’s innovative accessibility technology makes communication accessible for everyone.

Challenge

HapWare feels their website fails to convey the sleek, modern, aesthetic that they want customers to associate with their product. They also want their website to better promote the ALEYE wristband and glasses and to be more accessible to their customer demographic.

Project Image

Goals

01

Update website’s interface to look more sleek and modern by implementing new product images, and elements from current design trends.

02

Configure content to better exemplify the HapWare and their product by improving their existing layout.

03

Improve accessibility by using colors with higher contrast and making the website compatible with screen readers.

Approach

Design

The design aesthetic for HapWare’s website was significantly improved through better use of their product images. Slight changes, such as removing backgrounds, made a major difference in modernizing their site. HapWare’s original heroes were primarily text with a colored background. The implementation of product images in the heroes gives the website a sleeker look, while better promoting their product.

Project Image

Layout

The layout of the website was designed to better showcase HapWare’s ALEYE system. Their landing page now explains the need for their product and better describes how the ALEYE system works. It additionally emphasizes that ALEYE is the first device of its kind and better emphasizes the product waitlist.

Accessiblity

HapWare’s brand colors remain the same, but are now used more mindfully with regard to contrast and size. Alternative text is now applied to images and navigation so users with vision impairments have a better experience on their website and layout was additionally optimized for screen readers.

Project Image

Final Website

Visit HapWare

Visit https://hapware.com to check out their website and learn more about how they are making communication more accessible.

Peyton Enderle

User Experience / User Interface Designer