Justitia .
Justitia & Partners Law Firm LLC
2025
Product
Law firm website.
Tools
WordPress, Figma, Code (HTML, CSS, JS, PHP), Photoshop, Illustrator, pen and paper.
Team members
Hoàng Thắng – Full Project Owner –
Responsible for the entire process, from research, design, coding, development, project management, to final delivery.
Company Address
12th Floor, Keangnam Hanoi Landmark Tower, Yen Hoa Ward, Hanoi City, Vietnam.
Project Execution Process
1. Requirement Analysis
The project began with in-depth discussions with the client to understand their requirements regarding website functionality, interface, and color scheme. The scope was clearly divided into two main parts: design and features, ensuring clarity before moving forward.
At this initial stage, reference website samples and design styles from the same industry were shared with the client to provide visual inspiration and help them better visualize the final product.
Once the design direction, required features, and overall scope were agreed upon, a detailed project timeline and time estimation were created.
The project followed both an estimated timeline and a actual timeline, allowing for easy comparison and evaluation throughout the development process.
Content Preparation
At this step, all necessary content for the website was collected, including:
- Company contact information
- Page-specific website content
- Internal company images
- List of services and detailed service descriptions
- Company logo and existing brand identity materials
2. Website Design
After gathering all content and brand assets, wireframes were created for the website. The Homepage was designed first, serving as the foundation for the overall visual style.
The homepage design was developed based on the prepared moodboard and wireframes. Once completed, it was sent to the client for review and approval.
After approval, the remaining pages were designed following the same visual style and design system established on the homepage.
3. Code website
Based on the approved designs, a detailed list of required features and pages was created for development.
The website’s admin system was intentionally kept simple to ensure ease of management. Therefore:
- Service Details, News Details, and Q&A Details were all implemented as post types, differentiated only by categories.
- Page layouts were built using Elementor templates, allowing flexible layouts for different content types.
- All contact inquiries were centralized into a single contact form to make management and follow-up more efficient.
With this structure in place, the final step was to code the frontend interface, completing the website development.
