How I designed landing page for an AI copilot for legal professionals startup
Check out the landing page prototype here 👉 Click here
Preview of my design process in video format 📹
Project brief
Aim : Design a Landing page for Jimini AI ( AI copilot for legal professionals )
Background: I designed this landing page as Assignment 2 of the C8 10k designers. We received several design briefs, and I selected the Jimini AI one to design their landing page. This choice was driven by my interest in the problem that Jimini AI is addressing, which is optimizing repetitive legal work and fast-tracking legal processes and justice.
Project duration : 2 weeks (14 days)
About Jimini AI: Jimini AI is an AI copilot for legal professionals that provides assistance in researching , analyzing, and drafting legal documents.
The current landing page of Jimini AI looks like this :
Problems with existing Landing page
- Limited Information: The landing page has a hero section with a heading, subtitle, and a “Join the Waitlist” CTA, offering limited details about the company. Users might be reluctant to sign up without more information on the company, its services, and its reputation in the legal field.
- No value proposition: The landing page for Jimini AI needs improvement in clearly addressing the challenges faced by legal professionals and how the platform can help solve them.
- Lack of Trust and Credibility: Without showcasing product offerings or addressing user needs, the landing page fails to build trust and credibility with potential users.
- Ineffective User Acquisition: The simplistic design and lack of compelling content hinder user acquisition efforts, making it challenging to attract and retain visitors.
- Missing branding elements: The absence of company values and branding misses the opportunity to stand out from competitors and connect deeply with users.
Researching Competitors
After identifying issues in existing designs, I conducted research and examined potential direct and indirect competitors.
Conducted competitive analysis to understand potential product offerings, features, information architecture, and how to present information on the website.
Direct competitor: AI lawyer
Indirect competitors: Robin AI
Ways we can solve problems with existing website
After examining competitors and conducting secondary research, I found ways in which we can solve existing landing page problems.
- Value propositions: Clearly articulate challenges and problems faced by legal professionals and how we can solve them
- AI copilot features: Highlight the key features of the Jimini AI application that directly address common legal challenges faced by professionals
- Build credibility: Build trust and credibility by presenting social proofs, mentioning investors, and providing industry recognition. Highlight any awards, recognitions, or partnerships to showcase Jimini AI’s reputation and reliability.
- Build Trust : Mention client testimonials and clear pricing to build trust and showcase transparency among clients.
- Improve aesthetics: Visually appealing products can capture attention and engage users more effectively.
Incorporating 5 Ps and AIDA framework to present information
During the ideation process for the information architecture, I used the AIDA and 5Ps (Pain-Promises-Proof-Preposition-Push) frameworks. These guided the design of each section on the landing page. The 5Ps framework helped shape the story arc or the information flow, while the AIDA framework dictated the arrangement of this information. This strategy aimed to maximize impact on visitors and improve user acquisition.
Information Architecture and Story arc
Wireframes
Ideated on the landing page layout and structure using paper wireframes and Lo-fi wireframes.
Paper wireframes
Ideate quickly upon the structure and layout on paper.
Lo-fi wireframes
Converted the Paper wireframes into digital wireframes
Mood boarding
Conducted mood boarding for each landing page section, gathering visual inspiration and layout ideas. Ensured alignment with Jimini AI’s brand identity and user preferences, optimizing for engagement and conversion.
Design system
Used a dark color scheme because blue gives a professional feel, while a dark blue background provides a futuristic touch since it is an AI copilot.
High Fidelity Wireframe
This was the first iteration of the landing page which was reviewed by my POD mentors and Abhinav & Jayneil (Hosts of 10k designer cohort ). I presented this design in front of 200+ designers and got very good feedbacks and complements upon various design decisions.
Implementing feedbacks to the design
After getting reviewed I worked on final iteration of the landing page.
Hero section iteration
During the review session, I was advised to improve the background illustration in the hero section because it was hindering the readability of the content below the heading.
Pricing section iteration
I worked on the secondary button because in the first iteration, it felt like the buttons were disabled and might confuse people.
General changes
- I worked on improving the copywriting of the landing page to make it more engaging and communicative.
- The “How It Works” section has been rearranged to be placed higher on the landing page. In the first iteration, it was positioned below, diminishing its impact on the landing page.
- Worked on the secondary button design to make it more aesthetically pleasing.
Hero section
After multiple Iterations and feedback I finalized this hero section. Hero section grabs visitor’s attention and helps them in understanding the overline offering and vibe of the product
Services and offerings section
This section helps establish visitors’ interest by showing the solutions and services that Jimini AI provides for legal professionals. It clearly mentions the value proposition of Jimini AI, which brings clarity around the AI co-pilot.
Jimin AI features section
This section informs people about specific AI co-pilot features, such as researching, analyzing, and drafting legal documents. Visualizing how these features appear in actual applications makes it more engaging and easier to understand.
(The application is designed using Galileo AI solely for representation purposes)
How to use section
User can play a tutorial video to get an overview on how to use the AI copilot application. This will generate interest and encourage people to try it out.
Trust and credibility building section
This section aims to build trust and credibility among visitors through social proofing. Demonstrating investment and recognition for Jimini AI helps establish trust in the company.
Client testimonials
Establish legitimacy and motivate users with feedback from diverse user groups, including law students, small law firms, corporate firms, and legal consumers. French user feedback adds credibility as Jimini AI is a French startup.
Pricing section
Provide pricing at last so that visitors can make up their minds and take action. Offer different pricing options based on specialized features for various user groups.
FAQs section
Answering some common questions that visitors might have in mind to bring more clarity and transparency by clearing out their doubts about Jimini AI.
Footer section
Providing CTA again encourages users to take action and maximize conversion rates. Also providing links to various section and pages of the website to simplify navigation and enhnace user experience.
Landing page Preview
Try out the Figma prototype of the website here 👉 Click here
My learnings
- Marketing frameworks: I learned about AIDA framework which helped in designing a landing page which captures people’s attention to motivating them to take action.
- Use of AI in design: Used various AI tools such as used ChatGPT for copywriting , research and ideation, Visual Electric for designing background images used in feature section graphics and Galileo AI for representing Ai copilot application.
- Importance of feedback: Feedback is very important as it provides a subjective perspective and helps you create the most effective design.
- Presenting your work: Showcasing my work to over 150 designers and receiving feedback was an enriching experience, contributing to my growth in confidence and presentation skills.
Fin.
In conclusion, working on this landing page assignment has been a fantastic experience. I want to express my gratitude to the mentors and peers at 10k Designers for their valuable feedback and support. Their contributions were instrumental in making this project possible.
I’m open to product design and freelance opportunities and would love to connect.
My socials
LinkedIn
X (Twitter)
Portfolio
You can also mail me at aryantripathid241@gmail.com
Your recognition counts. Long press the clap to show your appreciation ;)
