menu
Projects
Projects
About me
About me
Contact
Contact

Dan franch-
personal site design

The case study is in progress. please see the ready page here: danfranch.com
Project background

01
Bridging the Gap from Physical shop to Online Experience

Translating Pop-Art Vibes
‍
The primary challenge in the user interface design was to integrate elements from phisical shop to online while preserving a clean and user-friendly appearance for the shop. We addressed this challenge by incorporating separation lines inspired by 90s-style web design, pop-art illustrations, substantial buttons, and a quirky hover effect on products.
User personas

02
Candyland potential customers

Competitor analysis

03
What we learned from other platforms and did differently

Booking for long-term is relatively expensive.

Other providers (such as Airbnb and Booking.com) tend to prioritize short-term stays. However, recognizing the unique location and resident requirements of Haga Home, we acknowledge the potential necessity for longer stays and increased stability.

To cater to this, we have developed a distinct user flow specifically for long-term renting, allowing users to customize their homes based on price and comfort considerations.

Flexibility in amenities

Haga Home allows users to select individual amenities like kitchenware, decorative items, cleaning services, towels, or parking, as these are typically either all-inclusive or not provided.

For short-term bookings all amenities are included, exept parking.

Clarity in pricing

To build trust, it is crucial to display the price changes when the user makes adjustments to amenities. For that, we have a panel that automatically calculates the per-night and total price for short-term stays, as well as the monthly price for long-term arrangements.

Flexible contracts

Tenants frequently encounter restrictive contracts and stringent check-in and check-out procedures when renting for the long term. To enhance the overall experience, we maintain distinct user flows for long-term and short-term bookings. This segregation enables the formation of different contracts and rental agreements tailored to the specific needs of each duration.
Competitors that were analyzed:
Airbnb, Booking.com, Hugo.Stay, KV.ee
design process

03
Project overview

Our team
Haga Home team consisted of five members: a Project Manager, Art Director, Web Designer, Developer, and, of course, the client. Each person oversaw their areas of expertise, leading to a successful collaboration that resulted in an impressive website within a relatively short timeframe.
Research for website
During the research phase, we identified that residents at Haga Home may have unique study or work situations that necessitate longer stays and greater stability.

We found that eliminating unnecessary amenities could result in improved pricing options for longer-term tenants.

Emphasizing that clarity and transparency in the pricing policy is crutial to build trust in the overall brand and product.

To enhance the user experience and make long-term renting as straightforward as short-term, we implemented separate user flows, where the distinction lies in selecting amenities and signing the contract.
Consistency in brand
The brand stands for innovation, friendlyness. As per the brand guidelines, interface has Haga Home color palette, rounded buttons and fields to infuse youthfulness and playfulness in the design.
Finalize the design
I fine-tuned the typography to achieve optimal readability. Consistent spacing and alignment principles were applied to maintain a cohesive and polished look across all screens. Information was strategically separated into panels to keep focus and facilitate easier insertion of user data.

As for interaction design, I ensured that buttons, forms, and other interactive elements respond seamlessly to user inputs. This includes implementing features like the interactive calendar and incorporating guiding text on panels, as well as a progress bar at the top of the screen for enhanced usability.

The UI design for Haga Home thoughtfully reflects the brand's identity while placing a high priority on user needs.
Handoff to development
The project was on a tight timeline. While the final design and prototype were under client review, the developer had already started working on the back-end and front-end structure. We held regular one-on-one meetings to thoroughly discuss design decisions and reasoning. This format not only provided clarity but also offered an opportunity for the developer to ask any additional questions. Given the proximity of our workspaces, we maintained close communication and seamlessly implemented design changes as needed, especially if any feedback came in during the client review process. This collaborative approach ensured an efficient workflow and allowed for quick adjustments to meet both design and timeline requirements.
End product

04
final word

In navigating a tight timeline, effective communication within the team proved to be crucial for the successful delivery for interface. However, reflecting on the process, I recognize the importance of incorporating more frequent testing, ideally after each design iteration, to obtain immediate user feedback.This would play a huge part, not just relying on best practices but also in being able to prove design decisions with data. I am super thankful for the design team who provided their feedback to enhance the design.

Next project