Jak Creative Design Website

Transforming Agency’s Website to Attract New Clients

Overview

Jak Creative Design is a boutique marketing agency specializing in design, branding, and strategy services for businesses of all sizes. With a growing client base and expanding service offerings, Jak recognized the need for a modern, user-friendly website to better showcase its expertise and attract potential clients.

Goals

• Enhance the overall user experience to increase engagement and conversions.
• Showcase Jak’s services, expertise, and successful case studies effectively.
• Improve the website's navigation and structure for easy access to information.
• Ensure the website reflects Jak’s brand identity and values.
• Optimize the website for mobile responsiveness and performance.
• SEO optimization

Information Architecture

As a first step in the design process, I focused on creating a logical and intuitive structure for Jak's website content. Through thorough analysis and user research, I implemented a clear navigation hierarchy, categorizing services, case studies, and contact information in a concise menu. Utilizing techniques such as card sorting exercises, I organized content in a manner that ensures users can effortlessly locate relevant information. Additionally, hierarchical navigation was strategically employed to guide users through the site, facilitating easy access to deeper content and conversion points. This approach aimed to streamline user journeys, optimize content discoverability, and enhance overall usability, aligning with both user expectations and business objectives.

Site map diagram

Wireframing

During the wireframing phase, I employed a multi-faceted approach that included the creation of paper wireframes alongside digital ones. Paper wireframes allowed for quick ideation and iteration, allowing me to sketch out rough layouts and explore different content arrangements before transitioning to digital formats. In addition to designing wireframes for desktop interfaces, I also created mobile wireframes to ensure a seamless user experience across different devices. Following this initial exploration, I translated the insights gathered from paper wireframes into more refined digital wireframes in Figma. These digital representations served as the primary reference for the layout and structure of each page, allowing me to fine-tune details and ensure alignment with user needs and business objectives.

Photograph of paper wireframes  laid out on a table

Visual Design

Leveraging insights from brand guidelines and stakeholder input, I created a design sticker sheet within Figma. It encompassed elements such as the logo, color palette, typography, and frequently used design elements, ensuring consistency across all design assets.

Sizzle Reel

As part of the website relaunch, I created a sizzle reel highlighting the agency’s most impactful projects from recent years. The video was designed to showcase the agency’s creative expertise and diverse portfolio. The video will be shared across social media platforms to boost engagement and drive traffic.