Revamping business website : Enhancing Kreeya's website through UX & UI redesign

About Kreeyaa

Kreeyaa provides multiple portfolios of technology solutions and services tailored for diverse industry segments like Healthcare, Retail, Life Sciences, Banking and High-tech. We build and sustain application and infrastructure platforms for our clients that create competitive advantage.

Role & Responsibility

Wireframe, Visual Design, Illustration

Tools Used

  • figma
  • photoshop

Year

2022

Kreeya Brand

Project Overview

The brief was to design a beautiful, user-friendly website to attract new users. Revamp for a modern look, most appealing visuals at the top and making the content stand-out, so the users can easily find what they looking for. Preferred minimalist design style.

The Problem

The areas that needed addressing included user feedback about outdated design and the incorporation of new features. The challenge focused on combining visual appeal with effortless navigation, ensuring an engaging and user-friendly experience for viewers interacting with pages.

Goals

The goal was to address user feedback about outdated design and not only attract new users but also to provide an engaging, enjoyable browsing experience and turn visitors into customers. A well-designed website was crucial to the success of any business.

Design Approach

While this process doesn't involve in-depth user research, interviews but on planning, teamwork and iterative design. This step by step process focuses more on the available information, strategic feedback loops and making continuous design improvement.

Understand

  • Understand Requirements
  • Analyze existing Website
  • Competitive Analysis

Ideation

  • Inspiration Board
  • Iterative Wireframing
  • Column Grid

Design

  • Style Manual
  • High Fidelity Design
  • Responsive Design

Deliver

  • Asset Library
  • Annotations and Notes
  • Design handoff

Inspiration Board

Kreeya Brand

Layout Grid

Kreeya Brand

Iterative Wireframing

Taking the design a step further, I translated the paper prototypes into mid-fidelity wireframes after incorporating feedback. Iterating on few versions facilitated efficient feedback loops with the client and team.

Kreeya Brand

Design Style Guide

Kreeya Brand
Kreeya Brand

Previewing the polished hero section

By putting faces to Kreeya’s Team section, we have not only fostered loyalty but also elevated transparency and strengthening our commitment to genuine connections with our audience. We introduced key team members, revealing the faces behind Kreeya’s success and their respective roles.

Kreeya Brand

Team Spotlight

By putting faces to Kreeya’s Team section, we have not only fostered loyalty but also elevated transparency and strengthening our commitment to genuine connections with our audience. We introduced key team members, revealing the faces behind Kreeya’s success and their respective roles.

Kreeya Brand

1. Mouseover Interaction
The whole section is presented in greyscale, but when you hover your cursor over any headshot, that image is colored, thus standing out from the rest.

Full home page UI

Kreeya Brand

Conclusion

We're incredibly proud of this project, every section is packed with stunning complimentary visuals to help our understanding of the design process. This project involved spontaneous teamwork, from the client to the developer; everyone's participation throughout is commendable. The goal of the home page is to provide users with a clear overview.

We hope we get feedback from our users on the new website, which would help us to consistently and constantly improve on existing designs on the website.