Anchor Computers
Anchor Computers
Wayback
Wayback
Projects: Allison Elpiner
Projects
Zillow Redesign
A recreation of Zillow using Figma with the goal of updating the website’s style and creating a workable mobile solution of four Zillow screens. This was an individual project.
A recreation of Zillow using Figma with the goal of updating the website’s style and creating a workable mobile solution of four Zillow screens. This was an individual project.
Reflection:
This project highlighted the importance of iteration and the value of accepting feedback throughout the design process. By seeking input from other designers and being open to constructive critiques, I was able to significantly refine and improve my work between the first and second iterations. Each piece of feedback provided new perspectives that helped me enhance both the aesthetics and functionality of my design.sdf
Additionally, I gained a deeper understanding of the importance of creating reusable components. By breaking down my design into repeatable elements, I was able to stay more organized and efficient. This approach allowed for consistency across different parts of the design. The use of components also allowed me to easily adapt to future changes without starting from scratch each time.
Low-Fidelity Wireframes
Goals:
Create basic animations and layouts with potential spacing
Decide fonts/colors
Result: Wireframe helpful for future iterations
First Iteration
Accomplishments:
Creation of 3 screens (home, buy map, house details)
Assigned the three main functions of Zillow a defining color (Buy/Rent/Sell)
Created a mobile layout with the aim of showing the user as much information as possible without being overwhelming
Modernized the Zillow logo
Feedback received:
Lack of grid between modules prevents users from easily finding the information they need
Font is discontinuous
Awkward layout of header navigation
Reflection:
This project highlighted the importance of iteration and the value of accepting feedback throughout the design process. By seeking input from other designers and being open to constructive critiques, I was able to significantly refine and improve my work between the first and second iterations. Each piece of feedback provided new perspectives that helped me enhance both the aesthetics and functionality of my design.
Additionally, I gained a deeper understanding of the importance of creating reusable components. By breaking down my design into repeatable elements, I was able to stay more organized and efficient. This approach allowed for consistency across different parts of the design. The use of components also allowed me to easily adapt to future changes without starting from scratch each time.
Low-Fidelity Wireframes
Goals:
Create basic animations and layouts with potential spacing
Decide fonts/colors
Result: Wireframe helpful for future iterations
First Iteration
Accomplishments:
Creation of 3 screens (home, buy map, house details)
Assigned the three main functions of Zillow a defining color (Buy/Rent/Sell)
Created a mobile layout with the aim of showing the user as much information as possible without being overwhelming
Modernized the Zillow logo
Feedback received:
Lack of grid between modules prevents users from easily finding the information they need
Font is discontinuous
Awkward layout of header navigation
Final Product
Iteration after feedback
Reorganized the header navigation and included color
Ordered modules based on grid lines
Created "Sell" and "Rent" screens using spacing and components from previous 3 screens
Result: Final recreation of Zillow for mobile
Final Product
Iteration after feedback
Reorganized the header navigation and included color
Ordered modules based on grid lines
Created "Sell" and "Rent" screens using spacing and components from previous 3 screens
Result: Final recreation of Zillow for mobile