Interno: Housing Agency Portfolio Website in Framer

Interno: Housing Agency Portfolio Website in Framer

Interno: Housing Agency Portfolio Website in Framer

Interno

Client

Interno

Client

2 weeks

Duration

2 weeks

Duration

Frontend Development

Expertise

Frontend Development

Expertise

Interno Cover Image
Interno Cover Image
Interno Cover Image

Project Overview

Interno is a housing agency that needed a captivating online presence to showcase its design philosophy, process, and portfolio. Drawing on Figma for design and Framer for development, I aimed to create a visually stunning website with a smooth user experience, helping the agency stand out in a competitive market and impress potential clients.

Key Objectives

  • Visual Storytelling: Present compelling imagery and immersive design elements that highlight Interno’s expertise in designing beautiful, functional spaces.

  • Enhanced User Experience: Guide visitors seamlessly through the portfolio, services, and contact information, ensuring they can easily engage with the agency.

  • Responsive Design: Deliver a layout that adapts flawlessly to desktops, tablets, and mobile devices.

  • Showcase of Expertise: Feature Interno’s design philosophy and past projects in a way that builds trust and piques interest.

  • Interactive Elements: Harness the power of Framer to implement dynamic animations and transitions that elevate the overall user experience.

Design & Development Process

  1. Discovery: I started by collaborating closely with Interno, learning their brand identity and project goals through in-depth discussions.

  2. Wireframing & Prototyping: I used Figma to create initial wireframes, focusing on site structure and user flow. With feedback from Interno, I refined these into high-fidelity prototypes.

  3. Visual Design: Working within Interno’s branding guidelines, I developed a sleek, modern aesthetic that showcased their portfolio using compelling imagery and elegant typography.

  4. Framer Development: Next, I transferred the final Figma designs into Framer, leveraging its interactive features to create smooth transitions and engaging animations.

  5. Content Integration: Together with Interno, I integrated project descriptions, testimonials, and blog posts, ensuring the content was easy to navigate and visually cohesive.

  6. Testing & Refinement: I thoroughly tested the site on multiple devices and browsers, making iterative tweaks to ensure optimal performance and responsiveness.


Tech Stack

  • Design: Figma

  • Development: Framer, along with HTML, CSS, and JavaScript

Outcome

The result is a polished, interactive website that perfectly aligns with Interno’s brand identity. Visitors can explore the agency’s portfolio with ease and immerse themselves in Interno’s design process. The smooth animations and responsive design not only elevate the user experience but also make a lasting impression, encouraging prospective clients to reach out and learn more.

Other Projects

Let's Connect!

Let's Connect!

Let's Connect!

© Copyright 2024. All rights Reserved.

Made by

Moyosore Weke

in

© Copyright 2024. All rights Reserved.

Made by

Moyosore Weke

in

© Copyright 2024. All rights Reserved.

Made by

Moyosore Weke

in

Create a free website with Framer, the website builder loved by startups, designers and agencies.