9T Solutions

00 · Context

This was my first personal development project, where I took on the challenge of building 9T Solutions' digital presence from the initial visual concept to the final deployment.

The goal was to translate the brand identity into a site that prioritized speed and a clean, 'technical' aesthetic aligned with their software focus.

01 · Approach & UI

I designed a minimalist Dark Mode interface to reduce visual noise and keep the navigation straightforward.

The structure relies on a consistent spacing system to maintain visual order across all devices.

- 100% custom CSS layout using Flexbox for precise control.
- Fixed 55px spacing unit to ensure a consistent rhythm throughout the site.
- Open visual architecture, allowing the content to breathe without unnecessary containers.
- Simplified navigation with a Mobile-first approach.

02 · Construction

I built the site using Ruby on Rails 8, focusing on a lightweight implementation and avoiding heavy JavaScript frameworks.

- Stack: Ruby on Rails 8 + MySQL.
- Frontend: Hotwire (Turbo & Stimulus) for smooth interactivity.
- Deployment: Containerized setup using Docker and Kamal.

03 · Key Takeaways

This project allowed me to practice joining design and code into a functional solution.

It proved that intentional simplicity is a powerful way to communicate for tech-oriented brands.