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
Added company's name to the logo to indicate its interactivity
Added the Sound icon to eliminate confusion in pronunciation
Incorporated U.N. Sustainable Goals into a Mission Statement to emphasize its importance for the company
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
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.
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!”