ONE Technologies

Content made easy

Research
UI
B2B
Responsive

ONE Technologies is a leading IT company, offering a wide range of software, hardware, and integration solutions.

For this project, I was tasked with redesigning ONE's corporate website and crafting an English version. The previous design felt outdated and didn't reflect the company's progressive image.
In the redesign, I aimed for an experience that's not only sleek and technologically advanced but also inviting and user-friendly, catering to their diverse clientele.

This project was completed during my time at YIT.

Optimal viewing experience on magnification – tap the photo to zoom in :)
Home page
Service & FAQ
Investor Relations
ONE Screens Design 2
Home page
One About page Mobile
Service & FAQ
Service mobile
Investor Relations
One investor r page Mobile
Career
One career page Mobile
About
One About page Mobile
News & Insight
One news page Mobile
Career
About
News & Insight
ONE Screens Design 2

Pain points & Breakthroughs

Pain points

  • Outdated Visuals: The design looked outdated and didn’t reflect the company’s innovative image.
  • Poor Navigation: Cluttered and confusing navigation made it hard for users to find information.
  • Lack of Mobile Optimization: The old design performed poorly on mobile devices.
  • Inconsistent Branding: No cohesive design language led to inconsistency across the site.

Solutions

  • Modern Visuals: Introduced a clean, contemporary design focused on technology and innovation.
  • Improved Navigation: Simplified the site’s structure for easier navigation with clear menu categories.
  • Responsive Design: Created a fully responsive design for seamless experience across all devices.
  • Cohesive Branding: Developed a consistent design system unifying typography, colors, and UI components.

Framework of consistency

Visual identity

Visual language

A modern typeface enhances readability and reinforces a tech-forward, professional image, with varied font sizes and weights for clear hierarchy. The color palette balances bold, tech-inspired hues with neutral tones to highlight key elements. Imagery combines high-tech visuals with warm, engaging elements, making the design both inviting and user-friendly.
Components

UI Components

The UI components are simple and functional, with consistent buttons, tags, and form fields. Clear labeling and intuitive design ensure easy navigation and reinforce the brand’s modern aesthetic. Each element is visually appealing, easy to use, and accessible.

Cross-platform design

One Desktop 1

Sleek & Modern UI

  • The redesign reflects ONE’s tech-forward image with a clean, intuitive interface. Clear navigation, white spaces, and well-placed UI elements ensure a visually appealing and functional user experience.
One Desktop 2

Data visualization

  • Complex data is presented through dynamic, easy-to-read charts and graphs. Interactive visuals allow users to quickly grasp insights, enhancing both engagement and comprehension.
Mobile first

Mobile first

  • Designed with mobile users in mind, the site is fully optimized for small screens. Responsive menus, touch-friendly buttons, and seamless navigation ensure a smooth experience across all devices.

What's next?

The next steps involve gathering user feedback through testing to refine the design and ensure it meets user needs. I would monitor key performance indicators, such as user engagement and mobile performance, to measure success. Based on the results, I would make iterative improvements, explore new features, and continue enhancing the site to align with evolving business goals and user expectations.