amirbrooks.com.au - Website Rebranding
Complete website transformation from app-like complexity to a clean, project-based portfolio. Modern glassmorphism design with responsive layouts and clear navigation.
Complete website transformation from app-like complexity to a clean, project-based portfolio. Modern glassmorphism design with responsive layouts and clear navigation.
Clean portfolio design optimized for all screen sizes
This project documents the complete transformation of my personal portfolio website. The old version was built like a complex application with multiple layers of abstraction, while the new version embraces a simpler, project-based approach that better reflects my work and brand.
The previous website suffered from several issues that impacted both user experience and brand clarity. The site was structured like a full application with unnecessary abstractions and complexity, making it harder to maintain and understand. The layout wasn't optimized for mobile devices, creating a frustrating experience on smaller screens. Content was scattered and difficult to navigate, with unclear information hierarchy and over-complicated features that didn't serve the core purpose of showcasing projects and work.
I completely reframed the website's purpose and structure with a project-first approach, making projects the primary focus with clear presentation and easy navigation. The architecture was simplified by removing unnecessary complexity and abstractions, focusing on clean, maintainable code. Better brand health was achieved through clearer messaging and visual hierarchy. A mobile-first responsive design ensures the site works beautifully on all devices, while resource integration presents resources as projects first, maintaining the project-based philosophy.
The rebranding focused on several key design principles: simplicity over complexity by removing unnecessary features and focusing on what matters most—showcasing projects and work. A project-first philosophy ensures everything is presented as a project, including resources and tools, maintaining consistency. Better brand clarity provides clearer messaging about what I do and how I can help, without overwhelming visitors. Maintainability was prioritized with a simpler codebase that's easier to update and extend as new projects are added.
The new website provides a much clearer representation of my work and expertise. The project-based approach makes it easier for visitors to understand what I do, while the simplified architecture makes the site easier to maintain and extend. The responsive design ensures a great experience across all devices, and the cleaner brand presentation better reflects the quality of work I deliver.