Homefair
A website re-design for the AI real estate company Homefair AS
OVERVIEW
Project scope: 2 weeks
Project type: Course assignment (FEU2)
Role: Developer and designer
Tasks: Design using Design System components, Develop
Tools: Adobe XD, Adobe Illustrator, Adobe Photoshop, HTML/CSS, JS
Homefair AS is an AI real estate company that wanted a new visual look of their website, and a new way for the end user to interract with their website and product.
Homefair was a school project for a real company!
THE TASK
The task for this project was to re-design and develop a website for Homefair AS based on components from a design system we created earlier. This meant creating a new visual identity, and also design and develop a website that suits this new visual look.
PROCESS
To make this project, I had to start it of by creating the design of the website, and then develop it. The steps I did were as follows:
1. Design
COLORS
The colors for this website was chosen give the website a subtle, calm look. When it comes to money, people need to trust the website, and the calm blue supports this. The light-blue color is first presented in the navigation and in the header-image. The blue sky is also used to give the user a happy and calming feeling. The darker blue is used mainly in buttons and some parts of the illustrations.
ICONS AND ILLUSTRATIONS
The illustrations for this website was made using the humaaans illustration library. I created the illustrations according to what the client wanted. Some parts were made in Adobe Illustrator as they were not available in the library.
LAYOUT AND PROTOTYPE
The prototype was based on the Design system. I did not use most of the original design system, so the prototype and layout changed throughout the project.
2. Development
CODE
The development in this project was based on only HTML, CSS and JavaScript. No libraries for the development were allowed.
3. Result
That´s it! Thank you for reading.
