Kell Architects

Designing and building with Kell Architects

Explore

Kell approached us in need of an updated website to help tell the story and history of Kell, showcase a plethora of projects, and notable recognitions. It was evident looking at their old site that it definitely could use some updated navigation, branding, and creative direction. Due to COVID-19, this was one of our first fully-remote projects which allowed us to super focus and get into the trenches of Webflow. From start to finish, all of our work took place through collaborative work sessions in Figma, Discord, and Zoom.

How We Helped

  • Figma Designs & Design System
  • Branding
  • Webflow Site

01.

Making design decisions early on

Early in our process we began by finding inspiration from other notable website's that we found especially exciting. We searched with some keywords in mind such as growing, evolving, joining, repurpose, and remodel, to name a few. Our goal was to reach an aesthetic that created a relationship to the aesthetic of surrounding Minneapolis architecture firms while staying unique to Kell and the Kell brand. Once we assembled our inspiration board, we moved into early concepting and wireframing. Keeping our design simple allowed us to make quick and effective design decisions before committing to higher fidelity UI decisions such as color, spacing, and typography.

Moodboards
No items found.
Wireframes
No items found.
No items found.
No items found.
No items found.

02.

Telling a story through UI & Imagery

It was very important to the Kell team that their new website told a story about working with Kell gives people the opportunity to enhance and strengthen family and community lifestyles. In architecture more than anything, the architectural composition of photos and time of day tell the story better than any amount of words could do. It was extremely important to showcase Kell in a way that brought their photos to life, with supporting content and simple UI patterns nearby that would drive users to check out additional pages.

Homepage hero
No items found.
Detail of section one on homepage. A house next to text
A detail section of the bottom of the homepage. Kitchen next to text.
No items found.
No items found.
Detail from process page. Blueprint
Detail of the image gallery
No items found.
No items found.

03.

Helping potential clients find their dream project

It was crucial to Kell that the way prospective and past clients viewed work was easy and specific to the homeowner needs. Typically, Kell designs two types of projects; New Construction and Renovations (mostly residential and lakeside). Through learning more from Kell, we found out that client needs are typically very unique to the homeowner. We solved this problem by creating a set of filters that allows homeowners to sort by project type, and filter by multiple activities, such as Eat, Sleep, and Play to name a few. We chose to filter by activity, so that users could specifically search for the type of activity that they are looking to enhance within their lifestyle. Check out the official website here

Detail of the portfolio search filter.
No items found.
No items found.
Project page hero image
No items found.
Detail of project gallery photo section
Detail of scrolling related posts
No items found.
No items found.

Contact Us

Interested in working with us? Get an estimate or send us a message.

🖥

🔎

🤖

👾