Cyranix

Website Design

Overview

Creator: Siraj Wakko

Tools: Figma, Photoshop

Duration: 3 Weeks

Role: UI/UX Designer, Wireframing, Prototyping

Year: 2025

Problem

Cyranix’s website was outdated and lacked a clear visual hierarchy, making it difficult for users to navigate and find key information. The goal of this project was to modernize the design, improve readability, and create a clean, professional look that aligns with the brand’s identity.

Included:

  • Cluttered layout with inconsistent typography and spacing.

  • Color scheme did not convey a professional tech feel.

  • Navigation and information hierarchy were unclear, leading to potential confusion for visitors.

Solution

I redesigned the website as a single page, scrollable experience, allowing users to access all key content in one seamless flow. Key design updates included:

  • Layout: Introduced a clear, grid based structure with sections visually separated to guide users naturally through the content.

  • Colors: Updated to a cohesive, professional palette that reflects Cyranix’s tech oriented brand.

  • Typography: Selected clean, modern fonts for readability and a polished look.

  • Navigation: Simplified top of page anchors for smooth scrolling between sections, keeping all content accessible without page reloads.

Early Wireframes

Color

The color palette was built around companies updated brand blue, ensuring consistency with the new logo while reinforcing brand recognition. To complement this, I incorporated a modern tech inspired blue that conveys innovation, trust, and professionalism. Together, these shades create a clean, contemporary aesthetic that reflects the company’s identity and aligns with modern design trends in the tech industry.

Designs

Showcase

Overview

This app combines engaging visuals while implementing features that invite and encourages users to be active such as challenge options, A.I chat, activity monitoring, and health updates.

Conclusion

Outcome

The redesign focused on creating a simple and seamless experience, allowing users to quickly navigate and interact with the website’s components. This design helps visitors better understand Cyranix and its services while visually upgrading and improving the overall user experience. Most importantly, I learned how to create and incorporate components and creating interactive and appealing buttons that would improve engagement and readbility.

Looing Forward

Given more time, I would incorporate user research and usability testing to better understand how visitors interact with the single scroll layout and refine the content flow. Additionally, I would explore adding more detailed information and interactive elements to further enhance the website’s functionality and engagement.