Kshetra PBC
Website Redesign

Kshetra is an emerging company looking to build an ecosystem that connects social enterprises passionate about U.N. Sustainable Development Goals with impact investors to facilitate fundings.

 

CHALLENGE:
Effectively introduce Kshetra and its product to users in accordance with FinTech Industry standards

TEAM SIZE: Three people

MY ROLE: UX Designer, Research Lead

DURATION: Three weeks

RESULT:
Redesigned information architecture, content, and a visual appearance that made Kshetra look and feel professional and modern

DISCOVER

Evaluating existing design and layout

 

Kshetra.world: current state

 

We’ve started with a heuristic evaluation of the website utilizing LEMErS framework.

Heuristic evaluation of Kshetra.world

TAKEAWAY: it is easy to navigate through the website. However, the utility attribute (functionality) is extremely minimal.

 

Getting familiar with the FinTech industry

We’ve created three proto-personas based on our secondary research, one for each user type. It helped us to stay focused and keep our users in mind while redesigning Kshetra.world.

Proto-persona of a social entrepreneur

 

Proto-persona of an impact investor

 

Proto-persona of an accelerator manager

 

Analyzing Kshetra's competition

We examined five websites provided as a point of reference by our client.

Kshetra’s competition: Impact Partners, ClearCo, Kinara Capital, GroFin, Lidya

 

Identifying trends in global navigation bars

We’ve identified common practices of site navigation and landing page structure used in the FinTech industry.
The analysis of competitors' websites revealed that certain navigation bar elements are more common than others.

Global navbar elements of competitors’ websites

Most common elements of competitors’ navbars

Logo
About Us
Contact Us

FAQ
Log In
Products

Least common elements of competitors’ navbars

Help
Blog
Careers

 

Redesigning Kshetra’s sitemap

We kept the Homepage, About Us, and Contact. About Us now combines Our Team and Advisors.
Search Icon was removed and FAQ was added instead. Introduction and Values were combined into Our Mission. We added Our Products to create a space for an existing product - ImpactCred and a placeholder for potential future products.

Kshetra.world: current sitemap

Kshetra.world: redesigned sitemap

 

Analyzing the structure of competitors' landing pages

We discovered that competitors' landing pages consist of similar blocks of information. The difference is the order in which they appear on the page.

 

Common elements of competitors’ landing pages

  • Hero image with CTA

  • As Featured In

  • Mission Statement

  • Product information

  • ”How to”

  • Our Partners

  • “Why Us”

  • Success metrics

  • Validation block

  • Footer

 

Conducting interviews with subject matter experts

We interviewed five subject matter experts to understand what content each user group is looking for on a Homepage. Here are some memorable quotes.

 

“I get frustrated with sites that have the same kind of information for various types of users.”

— Chris B.

 

“Impact investors are moved by stories and issues. If a company catches my attention, I’ll go deeper and read articles about them.”

— Mark M.

“Company’s credibility is extremely important for me. I need to see what they have accomplished in the past.”

— Alex M.

 

“It’s hard to find sites or platforms that bring all three types of users together.”

— Robert H.

 

DEFINE

We used research findings to develop a user-centric problem statement.

 

Various types of users need a better way to learn about Kshetra and its products so they can make informed decisions, collaborate and invest with peace of mind.

 

DESIGN

Sketching design ideas

From sketches to low-fidelity wireframes (examples of Homepage and Our Products page)

Homepage: sketch and low-fi wireframe


Our Products page: sketch and low-fi wireframe

 

Conducting usability tests early on

We conducted five usability tests on our early-stage prototype. Users' responses were collected and synthesized in the affinity map.

Affinity map of user responses

 

Incorporating usability test findings

We iterated and made changes to our prototype based on usability test results.

Iterations made to the Homepage

  1. Added company's name to the logo to indicate its interactivity

  2. Added the Sound icon to eliminate confusion in pronunciation

  3. Incorporated U.N. Sustainable Goals into a Mission Statement to emphasize its importance for the company

  4. Turned 17 U.N. SDGs into a scrolling feature to enhance readability

 

Exploring visual directions

Our client gave us the following words to describe the look and feel of redesigned website: crisp, edgy, modern, FinTech, crypto. We created two mood boards based on these adjectives and presented them to the client.
She preferred mood board #2.

Mood board #1

Mood board #2

 

Designing with Kshetra’s product in mind

We were tasked with a visual redesign of Kshetra.world, keeping in mind the existing product - ImpactCred. We achieved the cohesive look by utilizing ImpactCred's primary color (teal) and typeface (Poppins) in our style tile.

Kshetra’s product - ImpactCred

 

Style Tile for redesigned Kshetra.world

 

Validating final design with Desirability Test

We asked six users to provide 3-5 adjectives that describe the redesigned website. Users said that redesigned Kshetra.world feels trustworthy, clean, business-like, and modern.

Desirability test of redesigned Kshetra.world: part 1

 

We then gave users a list of positive and negative adjectives and asked them to select those that apply. The top responses were: professional, modern, clean.

Desirability test of redesigned Kshetra.world: part 2

 

DELIVER

Below is side by side original and redesigned pages of Kshetra.world.

The Homepage is now a place where users are introduced to all facets of Kshetra.

Kshetra.world before and after: Homepage

 

The Our Mission page explains what fuels Kshetra and what makes them different from competitors.

Kshetra.world before and after: Our Mission page

 

Photos added to Our Team page create visual appeal and trustworthiness.

Kshetra.world before and after: Our Team page

 

PROTOTYPE

 

NEXT STEPS

  1. Our research showed that credibility is crucial to all types of users. We suggest incorporating credibility elements such as user testimonials, success metrics, partnerships on the Homepage once those artifacts are available.

  2. We recommend adding high-resolution photos of team members and advisors in a similar style (monochrome, solid background) to create a more cohesive and professional look on the About Us page.

 

MY TAKEAWAY

The success of a project heavily relies on the characteristics of a team. It's common to think that the bigger the crew, the better, but sometimes less is more.
This project taught me that the quality of the team is far more critical than quantity. To be a true teammate means actively collaborating and supporting one another while letting each other strengths shine.

 

FINAL THOUGHTS

The goal of this project was to create a website overhaul, making it clean, crisp, and contemporary. I believe my team and I successfully achieved it. Here is the feedback we got from our client, Ranjani Sridharan, after our presentation:

 
 

 
I’m really impressed! The deliverables were beautiful, crisp, and very professional. This is the kind of work we were looking for to represent us in terms of vision. You were able to incorporate a lot of the feedback we’ve given you at different stages. Great job communicating with stakeholders!
— Ranjani Sridharan, Founder and CEO of Kshetra PBC