The Mindbridge mobile application is a pioneering solution with the ambitious goal of transforming the landscape of mental health care by offering immediate and hassle-free access to leading psychiatrists in India. This comprehensive UI/UX case study is dedicated to a thorough exploration of the app’s design and the user experience it delivers, shedding light on the thoughtfully crafted interface and its impact on facilitating accessible, secure, and convenient mental health support for users in need.

Process

Understanding the Problem

Globally, accessing timely and effective mental health care remains a significant challenge, characterized by long waiting times and convoluted appointment processes. The absence of a user-friendly and accessible platform for individuals to connect with top psychiatrists hinders their ability to seek immediate support for their mental health concerns. To bridge this gap, there is an urgent need for an innovative mobile application that not only provides on-demand access to renowned psychiatrists but also ensures the utmost privacy and security, thereby revolutionizing mental health care delivery worldwide. This problem statement forms the foundation for the development of the Mindbridge application.

Solution

To address the global challenge of accessing timely and effective mental health care, we propose the creation of the Mindbridge mobile application. Mindbridge aims to revolutionize mental health care by providing a comprehensive solution that offers on-demand access to top psychiatrists worldwide, overcoming the barriers of long waiting times and complex appointment processes. The application will be designed with a user-friendly interface, ensuring ease of use for individuals seeking immediate support for their mental health concerns.

User Research

Conducting a range of user research methods is imperative for an app like Mindbridge, which seeks to offer immediate access to top psychiatrists while emphasizing user-friendliness, privacy, and security. I have already conducted research that has yielded valuable data and steered our project in the right direction.

User Surveys

I initiated a comprehensive user survey as the foundational cornerstone of our research efforts, serving as the essential starting point to establish a baseline understanding for the Mindbridge app. This survey not only paved the way for subsequent in-depth research phases but also yielded valuable quantitative data that is instrumental in making informed decisions, particularly in shaping the main features and functionalities of the app. The insights gathered from this survey are invaluable in guiding the strategic direction of our mission to transform mental health care.

The questions in the forms are :

The Questions are :

• How satisfied are you with the accessibility of mental health care services in your area?
• What features would you consider most important in a mental health app? (Select up to three)
• How important is the security and privacy of your data when using a mental health app?
• How quickly would you prefer to connect with a mental health professional in times of need?
• Would you be more likely to use a mental health app that provides 24/7 access to professionals, even during weekends and holidays?
• What are the main challenges you face when seeking mental health care? (Select up to three)
• Please rate the importance of the following factors in an app like Mindbridge on a scale of 1 to 5, with 1 being “not important” and 5 being “very important.”
• Is there anything else you would like to share about your mental health care needs, preferences, or experiences? [Open-ended]

User Personas

I’ve gathered data on user personas from individuals with diverse backgrounds and perspectives, allowing me to gain valuable insights into their behavior, preferences, and needs. This comprehensive dataset has been instrumental in uncovering patterns and trends that inform the design and development of the Mindbridge app.

By delving into the intricacies of each user persona, I have successfully pinpointed their distinct needs and pain points. These revelations are not just informative but serve as a guiding light in the development of the Mindbridge application. They inform us about what the app should encompass, how it should behave, and what features need to be prioritized to meet the diverse requirements and expectations of our user base. In essence, the user personas provide a detailed roadmap for the app’s behavior, ensuring that it resonates with the real-life needs and experiences of our potential users.

User Interviews

User interviews stand as an essential and inescapable facet of user research. They serve as a direct conduit for engaging with our users, providing us with profound insights into their experiences, perspectives, and needs. As we pressed forward in our journey to bring the Mindbridge app to life, we came to a pivotal realization — comprehending the intricacies of user needs and behaviors necessitated a more profound approach. The logical progression was to conduct user interviews, a fundamental element within our user research arsenal.

In our quest to develop the Mindbridge app, we consistently acknowledged that these interviews played a pivotal role. They bridged the gap between quantitative data and the human narratives that lay beneath. The interviews offered us a deeper layer of comprehension, granting us direct access to the thoughts and experiences of our potential users, ultimately shaping the path toward a more user-centered design.

• Can you briefly introduce yourself, including your name, age, and occupation or major?
• Have you ever sought professional help for mental health concerns in the past?
• What led you to seek mental health support, and what was that experience like for you?
• How do you envision a mobile app like Mindbridge assisting you in your mental health journey?
• What specific features or functionalities would you find most valuable in an app designed for mental health support?
• When it comes to discussing personal mental health concerns, how important is data privacy and security for you?
• What measures or features would you expect an app like Mindbridge to have in place to ensure your data’s confidentiality?
• How quickly would you prefer to connect with a mental health professional during a crisis or when you need support?
• How do you think an app can provide convenience while ensuring timely access to professionals?
• What challenges have you encountered when seeking mental health care or support, whether online or offline?
• Are there any stigmas or concerns that you associate with discussing mental health issues, especially in a digital context?
• Do you have a preference for communicating with mental health professionals, such as chat, phone calls, or video calls? If so, why?
• Would you prefer anonymity or sharing your identity when interacting with professionals through the app?
• Based on your experiences, what advice would you offer to make the app more user-friendly and supportive?

These are bundles of question I prepared for the user interview and which helped me a lot for gaining the data.

The user interviews not only deepened our understanding of user needs but also served as a reality check for our design and development strategies. These interviews reminded us that behind every data point, there’s a person with unique experiences and challenges. They were instrumental in ensuring that the Mindbridge app would genuinely meet those needs and improve the mental health care experience.

The insights from user interviews provided a more holistic view of our target audience and guided us in making user-centric decisions throughout the development process.

Define

In the Define phase of our research for the Mindbridge app, we sought to gain a profound understanding of user needs, expectations, and the challenges they face in the realm of mental health care. This phase was instrumental in shaping the project’s direction, and it was not without its own set of challenges,

With a deep understanding of the challenges, we framed a problem statement to guide our mission:

‘“Globally, accessing timely and effective mental health care remains a significant challenge, characterized by long waiting times and convoluted appointment processes. The absence of a user-friendly and accessible platform for individuals to connect with top psychiatrists hinders their ability to seek immediate support for their mental health concerns. To bridge this gap, there is an urgent need for an innovative mobile application that not only provides on-demand access to renowned psychiatrists but also ensures the utmost privacy and security, thereby revolutionizing mental health care delivery worldwide.”’

Understanding Challenges

Throughout the process of gathering information and conducting research, I encountered several challenges that could potentially impact the research negatively. I proactively identified and addressed these issues before proceeding with each session. The primary challenges I encountered include:

Identifying Recruitment Challenges

One of the initial hurdles was finding and recruiting a diverse range of participants who authentically represented the target user base. The sensitive nature of the topic often led to hesitancy among potential users to participate. To address this, we employed multiple recruitment methods, from online platforms to mental health support groups, and offered incentives to encourage participation.

Navigating User Comfort and Openness

The sensitive and personal nature of discussions surrounding mental health presented an inherent challenge. Users might be uncomfortable discussing their experiences, concerns, or past treatments openly, especially with an unfamiliar interviewer. To overcome this challenge, we invested significant effort in creating a safe, non-judgmental environment. We assured users of the confidentiality and anonymisation of their responses and structured interviews to start with more general questions before delving into more sensitive areas.

Tackling Recall Bias

Users’ ability to recall and accurately describe past experiences was another challenge. This was especially relevant when users recounted events that occurred some time ago. To mitigate recall bias, we used probing questions to elicit more detailed responses and encouraged users to provide specific examples or anecdotes to jog their memories.

Addressing Social Desirability Bias

User interviews are susceptible to social desirability bias, where participants may provide answers they believe are socially acceptable rather than expressing their genuine feelings or experiences. To counter this, we established rapport with users, creating a more comfortable atmosphere that encouraged honest and open sharing. We framed questions in a non-judgmental manner to minimize bias.

Handling Time Constraints

Time constraints were another factor that influenced the depth of information we could gather. Many users had limited availability for interviews. To address this, we prioritized questions, ensuring that the most critical topics were covered first, and remained respectful of the user’s time, focusing on gathering essential information.

These challenges, while significant, were not insurmountable. They underscore the complexity of user research in the context of mental health care. By acknowledging and addressing these challenges, we aimed to ensure the accuracy and reliability of our research findings and provide a robust foundation for the development of the Mind bridge app.

Understanding User Needs, Pain Points, and Solutions

In the Define stage of our research, we delved deeper into understanding the fundamental aspects that would shape the Mindbridge app. This phase involved a comprehensive exploration of user needs and the pain points they encounter in their mental health care journey. Here’s what we discovered:

In the Define stage, we’ve uncovered the core user needs and the pain points that have driven our vision for the Mindbridge app. These insights serve as the foundation upon which we will build a user-centered and effective solution that transforms the mental health care landscape for the better.

Ideate

In the Ideation stage, I am poised to generate innovative solutions and ideas that will shape the Mindbridge app into a user-friendly, secure, and effective mental health support platform. An ideation session is the next logical step in our journey, and it is fundamental to the success of the project.

A Collaborative Brainstorming Session

I embarked on a collaborative journey to identify the central themes that would guide the development of the Mindbridge app. Our commitment to understanding the user landscape, their needs, and the project’s scope is unwavering.

The Purpose of the Brainstorming Session

A brainstorming session at this juncture serves several essential purposes:

• Problem Framing: It helps us clearly define the challenges and objectives we face. By outlining the scope of the Mindbridge app, we can identify the most pressing issues and opportunities.
• User Needs Identification: The session encourages cross-functional collaboration to pinpoint the fundamental needs of our target users. This sets the stage for designing a solution that addresses these needs effectively.
• Creativity and Innovation: It fosters a culture of creativity and innovation within the team, encouraging participants to think beyond the obvious and generate unconventional ideas.

Agenda

• Introduction: Begin with an overview of the Mindbridge app project, its objectives, and the user research findings from the Define stage. Ensure that everyone has a shared understanding of the project’s context.
• Problem Framing: Engage participants in discussing the core challenges and objectives of the project. What are the key pain points users face in mental health care, and how can we address them? What are our overarching goals for the app?
• User Needs and Pain Points: Encourage participants to share insights and findings from the user research conducted in the Define stage. What are the identified user needs and pain points? How do these align with the challenges and objectives?
• Discussion and Categorization: After the initial idea generation, engage in a discussion to clarify, refine, and categorize the ideas. Identify common themes and overarching solutions.
• Action Plan: Summaries the key takeaways from the brainstorming session. What are the main themes and innovative ideas that have emerged? Discuss the next steps, which may include creating prototypes, conducting user testing, or further research.

Expected Outcomes

The brainstorming session proved to be a fruitful endeavor, yielding a spectrum of innovative ideas. By delving into the realm of user needs and pain points, I’ve armed myself with the tools to craft a user-centric solution capable of effectively addressing these challenges.

This session not only stirred my creative energies but also laid a strategic foundation for the development of the groundbreaking Mindbridge app. It initiates a comprehensive design and development process that remains closely aligned with the user needs, challenges, and objectives I’ve meticulously identified.

Information Architecture

After a comprehensive analysis of the various challenges and user requirements, it is now the opportune moment to move forward with the implementation of solutions and the development of the information architecture, which can be likened to a compact sitemap for our application. This information architecture serves as a vital tool for visualising the application’s structure and flow, providing a clear roadmap to guide our development efforts in the right direction.

Design

Following the define and Ideation stages, we transitioned into the Design phase, where we embarked on the task of creating wireframes. Wireframes serve as the foundational blueprints of the Mindbridge app, delineating its structure, layout, and functionality.

Font & Colors

Why this Font ?

After a some in-depth user research and various user feedback I cam across the the Airbnb Cereal font-family which is a most famous future fonts.There are different reasons why I choose it , They are :

• User-Centered Approach: The choice of Airbnb Cereal is based on the font’s user-centric qualities, including readability and accessibility. It’s essential for ensuring that our users can effortlessly consume content and navigate through our web applications without any hindrances. User feedback played a significant role in this decision, as it confirmed that Airbnb Cereal resonates well with our audience, contributing to a positive and memorable user experience.
• Scalability and Adaptability: Airbnb Cereal’s scalability ensures that our font remains sharp and clear on a wide range of screen sizes and resolutions. This adaptability is vital in today’s multi-device landscape, where users access our applications from smartphones, tablets, laptops, and desktops.

In summary, the decision to apply Airbnb Cereal as our font family is the result of a thorough and user-driven design process. It not only enhances the aesthetic appeal of our mobile applications but also contributes to an optimal user experience, aligns with our branding, and facilitates a more efficient design workflow. This choice reflects our commitment to delivering a polished and user-friendly digital environment for our audience.

Why this theme and colors?

The choice of green, teal, blue, white, and black as my theme colors for Mindbridge is a strategic and visually appealing decision. Each of these colors conveys specific meanings and emotions, which I believe align with the app’s goals and user experience. Here’s a breakdown of the significance of these colors:

• Green: I have selected green to symbolize growth, renewal, and harmony. In the context of a mental health app like Mindbridge, green represents the journey of personal growth and healing. It’s a color that brings a sense of calm and balance, making users feel more at ease when seeking support.
• Teal: Teal is a blend of the calming properties of blue with the renewing qualities of green. It represents open communication, emotional balance, and support. In the context of Mindbridge, teal signifies the safe and empathetic space where users can discuss their mental health concerns.
• Blue: Blue, my chosen color, is associated with trust, reliability, and professionalism. It’s often used in healthcare and mental health apps to instill a sense of trustworthiness. It can also convey a sense of stability and dependability in the support offered.
• White: I have opted for white as a symbol of purity, clarity, and simplicity. It serves as a clean and uncluttered background color for the app’s user interface. In the case of Mindbridge, white represents the clarity and transparency in the app’s communication and services.
• Black: Black is employed as an accent or contrast color in my color scheme. It signifies sophistication, strength, and formality. In the context of Mindbridge, black is used sparingly to emphasize important elements or to provide a sense of elegance in the app’s design.

I aim to use these colors harmoniously to create a visually pleasing and emotionally resonant user experience. The selection of these colors is not only aesthetically driven but also aligned with the principles of color psychology, ensuring that they enhance the app’s usability and the emotional connection of users to the Mindbridge platform.

Screens

Optimization — Post-Launch Testing for Increased Conversion

With the Mindbridge app successfully deployed and accessible to users, the journey doesn’t end; it evolves. The post-launch phase is where we fine-tune the user experience and maximize the conversion rate to ensure that our platform is as effective as it can be.

Types of Post-Launch Testing

• A/B Testing: This involves comparing two versions of a web page or app to determine which one performs better. It’s a powerful method for optimizing user interfaces, feature placement, and call-to-action elements.
• Usability Testing: By observing how users interact with the app and collecting direct feedback, we gain insights into usability issues and opportunities for improvement.
• Performance Testing: Ensuring the app’s speed and responsiveness is crucial. Performance testing helps identify and address any bottlenecks or slow-loading features.
• Conversion Funnel Analysis: We examine user behavior at various stages of the conversion funnel, from initial app download to desired actions, such as appointment bookings. This analysis helps us understand where users drop off and make necessary adjustments.

Post-launch testing is a critical phase that ensures the Mindbridge app remains adaptable and responsive to user needs and preferences. Continuous refinement and optimization are essential in the pursuit of higher conversion rates and an improved overall user experience.

Thanks

CrowdAfrik brings innovation to the African economy, eradicating poverty and unemployment by tapping into indigenous resources to benefit the people. We offer technology-driven solutions for brighter future. Join us in shaping a thriving Africa via sustainable development. Experience transformative growth with CrowdAfrik’s Fintech solutions.

Project Overview

Challenge

CrowdAfrik is a London-based startup with a dedicated focus on the Nigerian financial market. Their requirement centers around the creation of an informative website that effectively elucidates their range of products, their operational mechanisms, and a comprehensive introduction to their innovative mobile application, which serves as the hub for all their financial activities.

Solution

Design and develop a dynamic and empowering website that not only showcases the essence of CrowdAfrik as an organization but also effectively highlights the full spectrum of their exceptional products and services. Through meticulous design and compelling content, the website should embody the core values and mission of CrowdAfrik while providing visitors with a comprehensive understanding of the diverse financial solutions they offer.

Design Process

User Research

Prior to delving into the intricate details of the design process, I recognized the paramount importance of comprehending the specific needs of our users and the nuances of their interaction with the website.

One of the most challenging aspects was my initial lack of familiarity with the design and marketing strategies relevant to the African context. Consequently, I embarked on a deliberate effort to gain a deep understanding of the regional strategy and the mindset of the local population. This endeavor proved invaluable in tailoring the website’s design to align seamlessly with the standards and preferences of the target audience in Africa.”

User Personas

I have conducted some interviews and understood the problem of the people from Africa

User Interviews

I organized a Google Meet session to conduct interviews with individuals who are native to Africa. During the session, I posed several pertinent questions aimed at gaining insights into their requirements and assessing accessibility:

• ‘Have you ever contemplated starting your own business?’
• ‘Are the prevailing bank interest rates notably high in your region?’
• ‘How frequently do people in your community embark on entrepreneurial ventures?’
• ‘Have you availed loans from any sources or platforms in the past?’”
• ‘What are some of the specific challenges you face when considering starting your own business in your region?’
• ‘What types of technology and devices are commonly used for business activities in your area?’
• ‘In your opinion, what are the key factors that make businesses succeed or fail in your community?’

Information Architecture

Wireframe

Design System

The process of selecting the color scheme and font for this project differed from my previous projects. I opted for a more collaborative approach by presenting several choices to my team and other stakeholders through our team forum. They had the opportunity to vote for their preferred colors, and as a result of the voting process, we decided to incorporate a dark mode option.

Through my research, I discovered that many African websites predominantly feature vibrant and bold color schemes.

The chosen font, Josefin, belongs to the sans-serif family, known for its enhanced readability and accessibility, especially when the dark mode is activated.

Summary

In total it took me about 1 month to completely analyze and implement those ideas and to deploy the website. I developed this website with simple html, Tailwind Css and the Sanity.IO for the back-end .

Visit the website

All in one Card

( Case Study)

INTRODUCTION:

“Unlocking the Future of Mobile Payments : A UX Case study
Revolutionizing the Mobile E-Wallet Experience”

In a world driven by digital transactions, the need for seamless and user-friendly mobile e-wallet experiences has never been greater. This UX case study highlights my contributions to a mobile e-wallet app, showcasing the challenges faced, design methodologies employed, and the impactful results achieved. Through this case study, I aim to demonstrate my expertise in creating exceptional user experiences that drive engagement and conversion.

PROBLEM STATEMENTS :

The mobile e-wallet app I worked on faced significant user challenges, including a complex user interface, lack of trust in security, and difficulties in performing transactions efficiently. These obstacles hindered user adoption and hindered the app’s potential for growth.
As there are lots and lots of mobile E- wallet application through out, It’s hard to find an application that unite all your transaction into one wallet.

RESEARCH AND USER ANALYSIS

To gain deep insights into user needs, I conducted comprehensive user research through interviews, surveys, and competitor analysis. These efforts provided valuable insights into user pain points, preferences, and expectations when it came to mobile e-wallet experiences.

User Interviews

To gain deep insights into user needs, I conducted comprehensive user research through interviews, surveys, and competitor analysis. These efforts provided valuable insights into user pain points, preferences, and expectations when it came to mobile e-wallet experiences.

Questions that I asked

• What motivated you to start using mobile e-wallet apps?
• What are the main challenges or frustrations you’ve experienced with existing mobile e-wallet apps?
• How frequently do you use mobile e-wallet apps, and for what types of transactions?
• Can you walk me through your typical process when making a payment using a mobile e-wallet app?
• What features or functionalities do you find most important in a mobile e-wallet app?
• Can you share any specific positive or negative experiences you’ve had with mobile e-wallet apps?
• How important is the design and user interface of a mobile e-wallet app to you?

Competitors Analysis

Analyzing competing mobile e-wallet apps was a crucial part of the research process. By examining the strengths and weaknesses of existing solutions, I gained insights into industry best practices and identified opportunities for differentiation. This analysis helped me understand the current landscape and set benchmarks for the desired user experience.

Apple Wallet

• Limited Compatibility: Apple Wallet is exclusive to Apple devices, such as i Phones and Apple Watches. This limits its accessibility for users who prefer or rely on other mobile platforms like Android.
• Dependency on Apple Ecosystem: Apple Wallet heavily relies on the Apple ecosystem, including Apple Pay and Apple services. This can create a barrier for users who do not use or have access to these services.
• Complexity for Non-Apple Users: Non-Apple users or those unfamiliar with the Apple ecosystem may find it challenging to set up and use Apple Wallet. The learning curve can be steeper for individuals who are not accustomed to Apple’s user interface or design principles.

Google Pay

• Limited Availability: Google Pay’s availability varies by country, and it may not be widely supported in certain regions. This can restrict users’ ability to use Google Pay for transactions and limit its usefulness in certain areas.
• Fragmentation Across Devices: Google Pay is available on both Android devices and iOS devices, but the features and functionalities may differ between platforms. This fragmentation can lead to inconsistent user experiences and confusion for users who switch between devices.
• Dependence on Google Services: Google Pay is tightly integrated with other Google services and requires users to have a Google account. This dependence on Google services may not align with the preferences or privacy concerns of some users.

User Personas

Based on the research findings, I crafted detailed user personas to represent distinct user archetypes. These personas captured the unique characteristics, goals, and pain points of different user groups, enabling me to design with specific user needs in mind. Empathy mapping was also employed to develop a deep understanding of users’ emotions, behaviors, and thoughts throughout their journey with a mobile e-wallet.

Empathy Map

DESIGN PROCESS

Using the insights from research and user journey mapping, I employed a user-centered design approach. Wire framing and prototyping allowed me to iteratively design and test the app’s interface and interactions, ensuring a user-friendly experience at every step.

Wire framing ( Hand drawn )

Prototyping

User Interface

USABILITY TESTING AND ITERATION

I conducted rigorous usability testing sessions with real users to validate design decisions and gather actionable feedback. Based on these insights, I iterated on the app’s design, addressing usability issues and enhancing the overall user experience.

RESULT AND IMPACT

The redesign of the mobile e-wallet app yielded remarkable results. User engagement and satisfaction increased significantly, leading to a substantial boost in user adoption and retention. Transaction success rates and conversion rates witnessed notable improvements, positively impacting the app’s business goals.

CONCLUSION

This UX case study reflects my expertise in transforming mobile e-wallet experiences by employing user-centered design methodologies. Through meticulous research, thoughtful design decisions, and rigorous usability testing, I successfully optimized the app’s usability, visual appeal, and overall user experience. I am confident that my skills and proven track record make me a valuable asset in creating exceptional mobile e-wallet experiences for your organization.

Career Shastra is a dedicated online platform designed to cater to the needs of students and graduates in the United Kingdom. Our mission is to empower individuals by aiding them in their journey to find their ideal jobs and kick start their professional careers. We understand that the transition from academia to the professional world can be daunting, and that’s where we step in.

Project Overview

Challenge

In recent times, securing employment within the technical sector in London or the UK has grown notably more challenging. This holds particularly true for fresh graduates and international students, who face even greater obstacles. The issue primarily stems from the contrasting job application strategies required in different countries. As a result, these individuals find themselves needing to overhaul their entire approach to job hunting.

Solution

Build a website empowering international students with a comprehensive job application guide, offering resources and step-by-step explanations for successful job hunting.

Design a user-centric website that priorities simplicity, ensuring that the job application process is easily understandable for everyone. The platform will focus on providing straightforward explanations and guidance to enable seamless comprehension and execution of the application steps.

Design Process

Empathize

Research

By conducting market research, analyzing competitors, and engaging in user interviews, my aim was to attain a more profound comprehension of job roles and their corresponding descriptions.

Goals

• To comprehend the user’s needs accurately.
• To understand the challenges that international graduates or students face when applying for jobs.
• To gain a deeper understanding of the intricacies of the recruitment process.
• What distinctive feature sets this website apart from its competitors?

Cognitive sites

Strengths

• A renowned platform.
• Offers a range of services including application submission and networking features.
• User Friendly UI
• Use of good colors

Weakness

• Incorporates a widely recognized color scheme and notable detailing elements.
• The platform lacks specialization for certain roles, resulting in numerous suggestions that can potentially lead users astray.

Glassdoor

Strengths

• A renowned platform.
• Recruiters and employers can share their hiring experience
• More User centered

Weakness

• Incorporates a widely recognized color scheme and notable detailing elements.
• These are more for professionals who have minimum 1 year of experience.

User Interviews

Based on the above provisional personas, I had prepared user interview question for international students and graduates. I asked them about the difficulty they are facing and how they are tackling it in a open-minded manner.

Interview was about 10–20mins maximum, I had interviewed around 20 students from different technology background.

• What challenges do you encounter when applying for jobs on job portals?
• Is that your CV ATS friendly ?
• What are the main factors influencing your job search decisions? Is it location, industry, job role, or something else?
• Could you share any instances where you felt the job application process was confusing or not user-friendly?
• As an Do you feel that, as an international student, you receive an adequate number of interview shortlist calls? student do you think that you are getting much interview shortlist calls?
• Do you think your university or educational institution adequately prepares international students for the job search process in the new country?
• Can you provide examples of any strategies or tactics you’ve developed to overcome the challenges you’ve encountered during your job search?
• Which is the most commonly used platform for job hunting

After having this much answers and comments from the audience , I got an idea like how to implement UX.

what all are their requirements and needs.

Empathy Map

I have shuffled down all the queries and and notes as Think , Hear, See , Says and does, Even Pain and Gain

Once I have a better understanding of the User’s needs, Then I can use this information to improve the design of my site.

User Persona

After my research and going through different perspectives and asking so many questions. I had found a perfect user persona that will help me to design the perfect UX .

Information Architecture

Site Map

A very simple and easy to navigate site map and this define the overall structure of the contents on CareerShastra.

User Flow

I engaged with Sreedevan to thoroughly explore the website’s framework. During our interaction, I extensively studied his navigation patterns and the destinations he frequented in pursuit of his ultimate objective.

Lo-fi wireframe ( Hand drawn )

I had converted my ideas to first phase of the design process.

Prototyping

Mid-Fidelity Wire frames

Mid-Fidelity I transitioned from the initial low-fidelity wireframe sketches to a digital format using Sketch. I enriched these mid-fidelity wireframes with sufficient details to enable users to seamlessly navigate across pages and accomplish the tasks I intended to evaluate through usability testing. This elevated fidelity level allowed me to pinpoint areas for enhancement in terms of design functionality. Furthermore, I extended this approach to encompass tablet and mobile interfaces, ensuring the website’s responsiveness and efficacy across diverse device screens, thereby aligning with the varied ways users would interact with the platform

Usability testing

With the completion of the prototypes, the next step involves formulating a comprehensive test plan to initiate usability testing. This pivotal phase necessitates the involvement of genuine participants. I intend to orchestrate usability testing sessions with a cohort of recent graduates and students currently pursuing courses. Through these sessions, I aim to garner valuable insights into their interactions with my design. This hands-on approach will facilitate the identification of areas that require enhancement and guide me in refining the user experience to its fullest potential.

Test Objective

• Assess areas of improvement to improve the usability of the design
• Analyze the diverse routes users traverse to accomplish tasks.

I asked them to just go through the website prototype and complete tasks.

Tasks

• Understand and dive deep into the website.
• Discover your ideal job opportunity.
• Learn more about different job.

I carried out these tasks in collaboration with an ensemble of 8 students. I then incorporated these findings into an affinity map to enhance comprehension.

Summary

I carried out these tasks in collaboration with an ensemble of 8 students. I then incorporated these findings into an affinity map to enhance comprehension.

Affinity Map

By utilising the Affinity Map and assimilating the insights garnered from the aforementioned observations, I derived several conclusions from diverse viewpoints. These conclusions serve as valuable guidelines to further refine the website’s user interface, ensuring a more user-friendly experience.

Pain Points

• Most of them wanted more in depth details about the job.
• Most of them need more information about the website.
• 2/8 had some confusion on what is clickable or hover-able in the navigation.

Derived from these identified pain points, I extracted pivotal insights. These insights have been instrumental in discerning the focal areas for design enhancements that warrant prioritization.

UI Kits

Typography

Buttons

Design

Website : www.careershastra.co.uk

Navigate back to Portfolio

Have you ever used the powerful Next.js framework to create a cutting-edge website? If not, I recommend giving it a try immediately; it’s truly remarkable.

Featuring remarkable page loading speed, an advanced coding structure, and an incredible hosting environment courtesy of Vercel, it was only about two or three months ago when a client approached me for the design and development of a highly functional website. Given my dual expertise in design and development, I aimed to cover every aspect of the project. Interestingly, I often find myself tweaking the design whenever I encounter a development challenge, although such occurrences are quite rare. 👊

This client had an excellent concept for establishing a platform. As is customary, there was a pitching phase where extensive research was underway. Leveraging my passion for design and my professional expertise in development, I swiftly crafted the design. It posed a unique challenge, considering the myriad options available, including numerous CMS choices, each with enticing offers.

YEYE 😕Indeed, going with a CMS is often a convenient choice for clients, but from your perspective, it might not be the ideal solution. You prefer the independence of building a custom platform where you have full control over every aspect. This way, you can ensure that everything aligns with your vision and requirements, rather than relying on pre-existing solutions.

So CMS was not at all in my mind. Then I heard about a new back-end platform called Sanity.IO Have you heard about it??????????

If you haven’t explored it already, I recommend taking a look. Especially if you’re someone who has a passion for front-end development but prefers to avoid the hassle of creating admin panels and similar components, this could be a game-changer. Apologies for the mix-up; it’s certainly something that can benefit all of us in the field. 😅

The way it operates is incredibly straightforward, and I assure you it’s quite user-friendly, thanks to their excellent documentation. Now, let me give you the lowdown on Sanity. Essentially, Sanity is a headless CMS. It provides an admin panel that allows you to perform actions like adding, deleting, and editing content without the need to delve into external sources or complicated processes. It’s a centralized hub for content management that can make life much easier for developers and content creators alike.

This is the user interface they provide, and the query language supporting it is GROQ, which was unfamiliar to me initially. However, I found it to be one of the most straightforward query languages I’ve ever worked with.

We have to define schemas and craft queries in code, but believe me, it’s a fantastic and straightforward process. I managed to set up the backend in approximately 3–4 hours by thoroughly studying the documentation.

So the back-end issue is solved Hurraay

Speaking of what’s next, Next.js! 😜 While I’ve worked on several projects using it, I can’t quite put my finger on why I’m drawn to it, but hey, it happens! When starting this project, my initial inclination was towards the traditional stack of PHP, HTML, CSS, and the powerful Tailwind CSS.

The challenge lay in dealing with a substantial amount of content and the need to dynamically generate numerous pages. I used to have reservations about dynamic routing due to past experiences, as it used to be quite a headache for me. Interestingly, this time around, my concerns about routing were completely reversed. Lol!

If you look into the above screenshot, You can see [id] folder. Yes that it. Everything inside the page is dynamic. It will dynamically call the pages.Before I was worried about slug and creating different states, props bla bla.. But literally this saved me and took couple of hours to do the front end.

Most happy part was that Sanity and Next comes under one umbrella Vercel.So Why should I go and search for a another platform for hosting.

Yes they provide hosting also and it was very easy. Just push the codes to your GitHub, GitLab or anything and link it with the Vercel and the magic happens in tap of a button. BOOOOOM it was deployed.

If you wanna go for a look into the code then visit my GitHub.