HydroX Company Website & Brand

Before I joined HydroX AI, the company’s website lacked comprehensive information and branding. As a small startup, it was essential to establish a strong online presence to clearly communicate our mission and vision.


To address this, I led the creation of the HydroX brand, including designing a new logo and building out the website. As the company grows, the site continues to evolve, requiring frequent updates to reflect our latest developments and offerings.

Role:

Product Designer, Product Manager, UX Writer

Team:

2 PM, 2 Engineers

Duration:

Sep 2023 - Present

Tools:

Figma, React

Branding

Computer security is a traditional space, typically, dark themed and colors of blue and green are dominant. I wanted to give a more modern and clean look to our brand, but chose to stick to the traditional security space themes to align ourselves as a security company.

#010813

#061930

#207FEE

#DC63F7

Company Website

When creating the content for the company website, I focused on three types of audiences:

Potential Partners

Potential Investors

General Public

This is the information architecture for the first version of the website deployed. Upon user feedback, I wanted to reduce the amount of content on each page and break them into more pages on the website.

Design Process

Early margin set up and designs

🖌️ Creating Animations

I created this animation for the website using Spline!

🤳 Optimizing for Phone

What was actually surprising is that data shows there was 20% more phone users than laptop users. This resulted in a emphasis on optimizing this design for phone experience.

Demo

Here's a demo of what the website looks like, to see the latest live version, go Here!

Takeaways

🎨 Drawing Graphics

This project included many graphics. Drawing inspirational and appealing graphics quickly became something that I had to improve on.

✍️ UX Writing

Getting the language right in this project was crucial. All language on the website was written by me with the help of Chatgpt of course.

Back to home ➡️

Back

Back

Background

Background

Logo & Brand

Logo & Brand

Website

Website

Demo

Demo

Takeaways

Takeaways