Menu close X
let's talk.
Get in touch with me
connect.
Find me on LinkedIn

Elevating a Growing Agency’s Online Identity with a Modern Website Redesign

My Role:
UI Designer

Repositioning a boutique agency with a bold new site

Website Design

In 2018, I began a creative partnership with NiKnack Marketing, a full-service agency in Chicago’s Bucktown neighborhood. Led by two accomplished women CEOs, the agency delivers marketing, branding, and event management services to a diverse roster of clients. One of my first projects was to redesign their website, setting a new creative direction for the brand.

The Challenge

NiKnack’s previous site felt dated and fell short compared to competitor agencies. It wasn’t generating the volume or quality of inquiries needed to support the founders’ growth and acquisition goals. The redesign had to modernize the agency’s presence, elevate its credibility, and better convert visitors into new business opportunities.

NiKnack Marketing Our Work and About Us page responsive mockups

Shaping the Creative Direction

Before wireframing, I presented a high-level creative vision that outlined how the site could look, feel, and function. The document broke concepts into clear categories and used best-in-class examples to broaden the client’s perspective and align on direction.

A slide from the NiKnack Marketing creative concepts client deck-Cover
A slide from the NiKnack Marketing creative concepts client deck-Why Creative Concepts
A slide from the NiKnack Marketing creative concepts client deck-What you'll see
Examples of homepages that snap into place as the user scrolls
Examples of well crafted design systems
Examples of bold typography
Examples of well designed infographics
Examples of human testimonials
Examples of engaging contact pages

Structuring for Usability

After the design strategy was approved, I created wireframes to organize the content and define the functionality of the components.  Desktop and mobile wireframes were created simultaneously to ensure each component would be properly optimized for the respective device.

Wireframe of homepage
Snap Scroll

A vertical “snap scroll” was used on the homepage. As the visitor moves down the page, each screen snaps into the viewport, telling a compelling brand story as each section builds upon one another.

Delightful Illustrations & Graphics

Prominent use of custom icons and data visualizations would be used throughout the page to not only support the text, but to make the content more visually appealing and easier to consume.

Uniform UI Components

Each component would be designed to create a congruous and scalable design system that maintains brand consistency throughout the site experience and makes development more efficient.

Wireframe of contact form
Sequencing Screens

While website form best practices recommend keeping forms short and simple (often relegated to one column and one page/screen), we opted to extend the contact form into three screens.

On the first screen, visitors select the reason for their inquiry. Using logical sequencing, we send users to the appropriate form (general inquiry, quote request or make an appointment).

This approach enables the agency to determine what percentage of the form users are just casually browsing, which are at the top of the acquisition funnel, and which are ready to convert.

A Digital Showcase for Agency Expertise

The redesigned site brings NiKnack’s creativity and credibility to the forefront. With a distinctive, highly visual layout, clear data points, and a refined content structure, the site balances inspiration with usability. Interactive forms were strategically sequenced to help the agency qualify leads, giving the team a clearer picture of visitor intent while streamlining the path to conversion.

NiKnack Marketing homepage mockup
Homepage
NiKnack Marketing case study page mockup
Case Study Page
NiKnack Marketing contact form mockup
Contact Us Page Flow

Refreshing the Brand Identity

To align with the new site, I modernized the existing logo by removing dated gradients and introducing a bold sans-serif typeface. The result is a clean, contemporary mark that feels fresh while preserving the brand’s equity and recognizability.

Old NiKnack marketing logo
Old Logo
New NiKnack marketing logo
New Logo
arrow pointing upward