Agent Image Website
Marketing Website for a U.S. based Real Estate Website Company
Role:
Lead Designer
(collaborating with 2 other Designers,
1 Writer, SEO Analyst, Creative Director, Dev Team and 2 QAs)
Timeframe:
2 years
Company
Agent Image
Setup:
Agile
Project Overview:
Redesign the existing Agent Image Website and contents
The Challenge:
To be able to identify key pages, features and content from the existing Agent Image Website. Create a Design System and proper documentation.
The Goals:
-
To completely revamp the Agent Image Website beginning with the homepage, down to the sub-pages
-
To implement Agent Image's Brand Refresh
-
To maintain elements that has been working for the Agent Image Website based on past data (orange CTA buttons, top forms, data tables, website previews showing agents, etc.)
-
To create a proper workflow for the Redesign Project and a design system to ensure future-proofing this project.
Our Initial Process
- Mapping out and optimizing the existing sitemap
- Mapping out existing key pages and optimizing homepage content (for starters)
- Auditing current website pages using accessibility checkers
- Design Research (Competitive Analysis and Aspirational Websites)
Design Process
Next steps
- Creating the Design System using Atomic Methodology
- Optimizing Figma Files and Process (Future-Proofing!)
- Low Fidelity -> High Fidelity Mockups
Design System Preview
Some notable changes
​
Website Design:
- Optimized content and CTAs
- Application of the new Agent Image Branding
- Spotlight on Clients and Brokerages
- Improved Mid-Fold and Bottom Lead Capture Forms with better aesthetic and user feedback
- More interactivity (addition of "What's the Best Website for You" Quiz, Choosing Websites according to company scale or expertise)
- Better consideration of cross-platform
- Improved conveyance (can easily figure out where to go & what to do with the optimized mega-menu and footer)
​
Workflow:
- Better documentation with the use of Figma and other tools
- Improved Design Process and Collaboration with Dev Team
Sample Prototyped Elements:
