Home > 17K Website
— 17K Website
A project I initiated, led, and completed in 2024 was the redesign of the 17K website. It was part of the strategic and visual redesign process I started off with workshops within the company.
My Responsibilities
Client
17K
Team
2 Design Interns
2 Developers
3 Developer Interns
Duration
6 months
Discover it yourself
Project focus
Problem
The previous website didn’t reflect the quality, clarity, and uniqueness of 17K — making strong work appear outdated, blurring the agency’s strategic value, and blending visually with local competitors.
New Brand Strategy
During 17K's redesign workshops, it became clear that the website needed to be updated. I developed a new communication strategy for the relaunch and designed the storytelling to showcase 17K's services, projects and values.
Objectives
❶
Attractive & comprehensive USP
❷
Professionality, versatility & uniqueness
❸
Communicating 17K’s design expertise & holistic services
❹
Highlighting special project criteria
Spacious Layout
One of the key aspects of the new design is its spacious layout that’s rhythmic and easy to digest, with an emphasis on high-quality photos to communicate 17K’s expertise.
Key Features
High quality photos, clarity & modular layout
Interactive header & information graphics
We thought: Try it yourself & have fun!
To showcase our core service — creating interactive experiences — elements throughout the page invite users to interact and play with the content. The landing page starts with a large interactive graphic that reloads in random colors each time the user reloads the page. Also the services are highlighted by interactive information graphics.
Responsive Design
The website is designed to be fully responsive, ensuring a seamless user experience across all devices. The design adapts to different screen sizes, maintaining the integrity of the layout and content.
Learnings & Successes
❶Focus & continuity: Because there were a lot of other projects going on, I always had to come back to the project and keep it going.
❷Confidently navigating differing opinions
❸Positive recognition by partners and creative colleagues
Challenges
❶Project delay due to other prioritized projects
❷Finding common ground amongst five equal business partners
❸Communicating specialized services
Process
Learn more about the design process
❶ Workshop & Design Strategy
Workshop & Preparation
Understanding the expertise, aspirations and possibilities for 17K and setting a common goal for the 5 business owners.
Workshop Outcome: Design Board
Foundation for the company's visual and strategic direction: Key insights, design principles, and a clear vision for 17K's aesthetic and functional goals.
❷ Information Architecture & Wireframes
Information Architecture
Separate sites for "exhibits" and "prototyping" were later included in "about us" to provide a clearer structure.
Wireframes
❸ UI and Visual Design
A lot of the design decisions were made parallel to the Corporate Redesign. There were many variations, especially for the header, the colours and the interactive elements.
UI Design
Header Graphic Variations
Interactive Graphic Mockups
❹ Responsiveness & Interaction Details
Grid System
Searching-Function
To make the website more user-friendly, I added a search function that allows users to quickly find specific projects or services. In case the term shows no results, there had to be a feedback for the user.
— Wanna work together?