Site Map
Wireframes
Desygn System
My Contributions
UX Research
UI Design
User Survey
Lightship is a platform aimed at connecting individuals with clinical trial opportunities, and the objective of this redesign is to create a website that effectively informs, engages, and guides users through the clinical trial participation process.
n this case study, I illustrate the process of redesigning the Lightship website to improve user experience and accessibility.
Project Overview
Challenge
-
Outdated User Experience: The previous website struggled to provide a seamless and intuitive browsing experience, with cumbersome navigation and outdated design elements detracting from user engagement.
-
Inconsistent Brand Representation: The visual identity of the website did not fully align with Lightship's brand values, failing to convey the company's commitment to technological advancement and industry leadership.
-
Limited Interactivity: Lack of interactive features and engaging content diminished user interaction and failed to captivate visitors' interest effectively.
-
Performance Concerns: Suboptimal site performance, including slow loading times and occasional downtime, undermined the overall user experience and could potentially deter potential clients and partners.
Goals
-
Elevate User Experience: Enhance navigation, streamline content accessibility, and ensure seamless interaction across all devices to provide visitors with an engaging and intuitive browsing experience.
-
Enhance Brand Representation: Redefine the website's visual identity to align closely with Lightship's brand ethos, showcasing the company's dedication to innovation, reliability, and excellence.
-
Foster Engagement: Introduce interactive elements, compelling visuals, and clear calls-to-action to encourage user interaction and extend visitor engagement duration.
-
Optimize Performance: Improve site speed, scalability, and security to ensure a reliable and efficient browsing experience for users, thereby enhancing overall satisfaction and trust in the brand.
Project Timeline
DESIGN PROCESS
Discover
Online Research
Qualitative Research
Quanitative Research
My design process for the Lightship website began with a comprehensive approach that combined quantitative and qualitative research to ensure informed decision-making and a user-centric outcome.
Qualitative
Research
Utilized analytics tools to gather data on user behavior, traffic patterns, and engagement metrics from the existing website. This quantitative analysis provided valuable insights into areas of improvement, popular content, and user preferences.
Quantitative
Research
Conducted user surveys, interviews, and usability tests to gather qualitative feedback on the current website's strengths, weaknesses, and user pain points. This qualitative data helped us understand user expectations, preferences, and pain points in-depth. Additionally, a focus group of 20 individuals was convened to provide targeted feedback and insights.
USER INTERVIEW
Age: 62
End User 2
David Rodriguez
(Primary Care Physician)
Age: 42
INTERVIEW QUESTIONS FOR PATIENTS
DEMOGRAPHIC INFORMATION
INTERVIEW QUESTIONS FOR HEALTHCARE PROVIDERS
DEMOGRAPHIC INFORMATION
DESIGN PROCESS
Define
User Persona
Empathy Map
In the Define phase I have segregated issues faced by users and their requirements to create persona
User
persona
Personas are fictional characters that I created based on marker research in order to represent our target audience. Creating personas helps us to understand our user needs, behavior patterns, goals and frustrations
User Persona 1 (Patient)
Empathy Map for End User 1 (Patient)
User Persona 2 (Healthcare Provider)
Empathy Map for End User 2 (Healthcare Provider)
DESIGN PROCESS
Site map
Site map
SITE MAP
A site map is a visual or textual representation of a website's structure, showing the relationships between different pages and content areas. It is crucial for effective website planning, aiding in the organization and navigation of content, and improving user experience by ensuring all necessary pages are easily accessible and logically arranged.
DESIGN PROCESS
Design
Design System
Mid Fidelity Wireframes
Visual Design
In the design phase, I use the knowledge collected so far to find as many possible solutions as I can find and also find the most efficient, elegant, and effective method to execute and bring in place those solutions.
Style
guide
The style guide for the redesigned Lightship website offers clear instructions on visual elements, maintaining consistency and brand coherence across all pages. Adherence to these guidelines ensures a unified user experience and reinforces the brand identity.
Typography
Colors
Mid Fidelity
Wireframes
I created mid-fidelity wireframes, which are more detailed than simple sketches but not as polished as final designs, following the user flow as a guide. These wireframes show more specific elements and layout choices for each screen, helping to refine the design further. Certain changes were made in Ul design after this process.
Visual
Design
Here are some of the design screens that I want to share with you. I kept the design simple and visually appealing by using minimalist design approach.
DESIGN PROCESS
Test
Usability Testing
Project Outcomes
Usability
Testing
Usability testing for the project involved evaluating the redesigned Lightship website to ensure it met the needs of its users effectively. Here's an outline of the process:
-
Planning Phase:
-
Defined objectives: Clearly outlined the goals and objectives of the usability testing, such as identifying areas for improvement in user experience and navigation.
-
Participant selection: Recruited a diverse group of participants representing the target audience, including individuals of different ages, backgrounds, and levels of digital literacy.
-
Test scenarios: Developed realistic scenarios and tasks for participants to complete during the testing sessions, focusing on key functionalities and user journeys.
-
-
Testing Execution:
-
Conducted individual testing sessions: Engaged participants in one-on-one testing sessions, where they interacted with the website while thinking aloud, providing insights into their thought processes and usability issues encountered.
-
Recorded observations: Documented participant interactions, comments, and feedback during the testing sessions using audio or video recordings, as well as written notes.
-
-
Analysis and Iteration:
-
Identified usability issues: Analyzed the findings from usability testing sessions to identify common pain points, usability challenges, and areas of confusion or frustration for participants.
-
Prioritized improvements: Categorized identified issues based on severity and impact on user experience, prioritizing critical issues that required immediate attention.
-
Iterative design changes: Incorporated feedback and insights from usability testing into iterative design changes, making adjustments to user interface elements, navigation paths, and content presentation to enhance usability and address user needs.
-
-
Validation and Validation:
-
Repeated testing: Conducted additional rounds of usability testing to validate the effectiveness of design changes and improvements implemented based on earlier feedback.
-
Iterative refinement: Continued to iterate and refine the design based on ongoing usability testing and user feedback, ensuring that the final website design met the needs and expectations of its users effectively.
-
Project Outcomes
-
Improved User Experience: Through iterative design changes based on usability testing and user feedback, the redesigned Lightship website offers an improved user experience that is intuitive, user-friendly, and aligned with the needs and preferences of its audience.
-
Increased Engagement and Satisfaction: The enhancements made to the website's interface, navigation, and content presentation have resulted in increased user engagement and satisfaction. Users find it easier to navigate the website, access relevant information, and accomplish their goals efficiently.
-
Enhanced Accessibility and Usability: The project focused on improving accessibility features and ensuring compliance with web accessibility standards, making the website more usable for all users, including those with disabilities. Features such as alt text for images and keyboard navigation options have been implemented to enhance accessibility.
-
Positive Reception and Feedback: Feedback from users and stakeholders has been overwhelmingly positive, with users expressing appreciation for the website's improved design, functionality, and overall user experience. Stakeholders have reported increased confidence in the website's ability to effectively communicate information and engage users.
-
Continuous Improvement: The project established a framework for ongoing monitoring, evaluation, and iteration to support continuous improvement of the website. Regular usability testing, analytics monitoring, and user feedback mechanisms are in place to identify areas for further enhancement and ensure that the website remains responsive to user needs and preferences over time.
Live site: