Skip to main content

Next Gen Lawyers – Interface Documentation

📋 Overview​

The interface for the Next Gen Lawyers platform was designed with a focus on usability and clear visual hierarchy for two main user profiles: students and companies. Fully responsive pages were developed using Ant Design, featuring interactive cards, dynamic tables, and analytical charts powered by Recharts. The system includes role-based navigation, a complete profile editing modal, job viewing and management, and a company dashboard with real-time application tracking.

📁 Developed Pages​

/register/student​

Student registration form with fields for:

  • Name, email, password
  • Academic and professional details
  • Styled using Ant Design

/register/company​

Company registration form:

  • Company name, email, industry area, CNPJ, etc.

/profile/student​

Student profile page with column-based layout:

  • Sections: photo, name, university, summary, interests, hobbies, experiences, awards
  • "Edit Profile" button opens a modal with editable fields

✏️ Profile Edit Modal (Student)​

  • Editable fields: personal, academic, and professional details, awards, bio, goals, etc.
  • Includes profile photo upload option

/jobs/student​

  • List of available jobs for students
  • Each job is displayed as a card rendered from mock data (title, company, location, etc.)

/profile/company​

Company profile page:

  • "About" section with company description
  • List of open job posts
  • "Post Job" button

/dashboard/company​

Company dashboard with analytical data:

  • Summary cards: total jobs, average applicants per job, pending applications, upcoming deadlines
  • Bar chart: applications per job
  • Pie chart: distribution of application statuses
  • List of created jobs with links to detailed views

/dashboard/job/[id]​

Dynamic route for viewing job details:

  • Stage counters: Applied, Screening, Interview, Offer
  • Funnel (bar chart) and status (pie chart)
  • Candidate table: avatar, name, stage, application date, last activity
  • Role-based navigation:
    • Student: Profile, Jobs
    • Company: Profile, Jobs, Dashboard, Talents
  • Adaptive links based on logged-in user

🎯 Interface Summary​

We developed a complete interface for the Next Gen Lawyers platform, covering the main flows for students and companies. Navigation is role-structured, with dedicated pages for profiles, job listings and management, data editing, and analytical visualization for companies. Ant Design components and Recharts were used to ensure a modern, responsive, and functional interface.

🎥 Interface Presentation​