B2CReal Estate Brokerage
Entrance Fastighetsmäkleri is a real estate agency based in Sweden that takes a personalized and unique approach to real estate services. They have a strong passion for architectural preservation and marketing, distinguishing themselves from other agencies.
They emphasize a tailored service experience, which may be part of why they have become one of the most popular agencies in the region.
Dedicated agile team
2 months
3 people
Design tool
Heuristic evaluation tool
Accessibility tool
Research tool
Project management
Team communication
The main challenge in redesigning Entrance Fastighetsmäkleri’s website is finding the right balance between preserving their unique brand identity and modernizing the user experience. Their identity is centered around architectural preservation and a personalized approach to real estate, so the redesign must reflect these values. At the same time, the site needs to be updated to ensure it’s easy to use, accessible to a diverse audience, and works well on all devices. Balancing these elements without losing the essence of the brand is the key challenge.
For target audience
Explore the newly refreshed website, with updates and improvements to enhance your experience.
Website: Open link
For target audience
The website was also optimized for mobile user experience, ensuring that it functions seamlessly across all devices.
Base Color Palettes
Primary color - Black
colors.black
Primary color - White
colors.white
Primary color - Gray
colors.gray
The font system is one of the most foundational parts of any interface design.
Text is a major channel for users to understand application content and complete their work, and a well designed font system will greatly enhance the user's reading experience and work efficiency.
Dippi's base font size is 14 to ensure the best user reading efficiency on most common monitors based on display screen reading distance (50 cm) and optimal reading angle (0.3).
The font scale and line height determine the beauty of the dynamics and order of a font system. Font scale refers to a series of font with different sizes. Line height can be understood as an invisible box wrapped outside the font.
Dippi is using 140% font height method to define font sizes and corresponding line heights, for example:
Basic text writing, including headings, body text, lists, and more.
Type System
| Component and layout headings | Family | Size | Line Height | Weight | Usage |
|---|---|---|---|---|---|
| heading-01 | Fenwick | 40px | 140% | Regular | Content headings, marketing page headings, large display headings |
| heading-02 | Fenwick | 32px | 140% | Regular | Content headings, marketing page headings, large display headings |
| heading-03 | Fenwick | 24px | 140% | Regular | Content headings, marketing page headings, large display headings |
| heading-04 | Fenwick | 20px | 140% | Regular | Content headings, marketing page headings, large display headings |
| heading-05 | Fenwick | 16px | 140% | Regular | Standard cards, panels |
| heading-06 | Fenwick | 14px | 140% | Regular | Standard cards/panels, list items, menu items |
| heading-07 | Fenwick | 12px | 140% | Regular | Standard cards, panels, compact list items, compact menu items |
| Body/base Styles | Family | Size | Line Height | Weight | Usage |
|---|---|---|---|---|---|
| body-01 | Archivo | 16px | 140% | Regular | Body copy for touch devices and more spacious Marketing pages |
| body-02 | Archivo | 14px | 140% | Regular | Standard Body style for web and general product pages |
| body-03 | Archivo | 12px | 140% | Regular | Standard Body style for Desktop and more condensed product designs. |
