TKCL Website Redesign
Transforming user confusion into clarity through comprehensive UX research, strategic information architecture, and conversion-focused design.
Collaboration & Stakeholders
Working cross-functionally with designers, engineers, PMs, and stakeholders to build relationships and ensure comprehensive understanding of business goals.
Led UX design efforts while fostering strong collaboration across all disciplines to ensure alignment with business objectives and technical feasibility.
Core Team Members
Marketing Lead: Provided user behavioral insights, conversion metrics, and business requirements
Web Developer: Co-developed technical specifications and ensured design feasibility
CEO/Stakeholder: Set strategic vision, approved design direction, and validated business impact
Collaboration Rituals
Weekly Design Reviews: Shared prototypes and gathered feedback on user experience
Stakeholder Sessions: Presented research findings and design rationale to leadership
Technical Syncing: Collaborated with developers on implementation approaches
Established clear communication channels and regular touchpoints to maintain alignment throughout the design process and ensure buy-in from all stakeholders.
Research Insights Sharing
Conducted comprehensive stakeholder interviews with the Marketing Lead to understand user behavior patterns, conversion challenges, and business priorities. Created digestible research summaries for non-design stakeholders.
Design Decision Documentation
Documented rationale behind major design decisions, including navigation restructuring, CTA optimization, and information architecture changes. This provided transparency and helped build stakeholder confidence in design choices.
Cross-Functional Workshops
Facilitated collaborative workshops to map user journeys, define business requirements, and align on success metrics. This ensured all team members understood project goals and maintaining consistency in execution.
Research & Discovery
Conducted comprehensive UX research including user interviews, analytics analysis, competitive benchmarking, and stakeholder workshops to uncover design opportunities.
TKCL's website suffered from fundamental UX issues that were hindering business growth. Despite having excellent technical capabilities, the website failed to communicate value effectively.
Key Problems Identified
- Cluttered navigation and text overload confusing users
- High bounce rates on service and blog pages)
- Unclear service offerings confusing prospects
- Weak lead generation flow with CTA confusion
Implemented multiple research methodologies to gather comprehensive insights about user behavior, business requirements, and competitive landscape.
Primary Research Methods
Interviewed the Marketing Lead who revealed critical user behavior patterns from website analytics.
Key Findings
High bounce rates: 60% on 2D services, 40% on 3D services due to service confusion.
Decision paralysis: Multiple competing CTAs creating choice overload instead of guiding conversions.
Low engagement: Users barely interacting with image carousels and visual showcases.
Conversion dilution: Scattered CTA placement reducing potential despite high "Book a Call" interest.
Home page attracted visitors but service pages became exit points instead of conversion drivers.
Page Performance
Home page: High traffic, good entry point
Service pages: High exit rates, poor conversion
Contact page: Moderate traffic, users seeking alternatives
User Behavior
Low engagement: Minimal interaction with image carousels
High CTA interest: Strong "Book a Call" engagement
Confusion factor: Scattered CTA placement reducing clarity
TKCL had technical capabilities but the website failed to communicate value effectively, creating user frustration.
Key Findings
Service confusion: Unclear offerings, competitor differentiation, and solution fit
Attraction factors: Easy contact access and AI-powered resources
Common objections: "Website feels messy" and "information overload"
Decision Factors
Primary concerns: Cost, quality, turnaround time, reliability
First questions: Pricing structure, turnaround times, file transfer methods
Communication gap: Website not addressing customer needs directly
Competitors had strengths but shared common weaknesses that TKCL could exploit through better UX and messaging.
| Company | Strengths | Weaknesses |
|---|---|---|
| Pixelz |
|
|
| Bright River |
|
|
| BZM Graphics |
|
|
Strategic Opportunity
While competitors focused on technical capabilities, they neglected UX and storytelling. TKCL could differentiate through clear, engaging user journeys that address specific customer needs and concerns.
Ideation & Brainstorming
Participated in brainstorming sessions, facilitated workshops, and explored diverse solutions to address user confusion and conversion challenges.
Conducted multiple ideation workshops to explore various approaches for solving user confusion and improving conversion rates. Applied divergent thinking to generate creative solutions before converging on optimal approaches.
Ideation Activities
Early Solution Concepts
Three-Tier Service Framework: Developed "Image Editing, 3D Visualization, AI Tools" structure to reduce complexity and improve comprehension
Progressive Disclosure Strategy: Designed layered information approach where core value is immediate, with detailed processes revealed incrementally
Social Proof Integration: Strategically positioned testimonials and portfolio work to build credibility throughout user journey
Trade-offs and Decisions
Complexity vs. Clarity: Balanced comprehensive service coverage with digestible information presentation
Choice vs. Guidance: Moved from multiple CTAs to focused "Let's Talk" primary action with contextual secondary options
Show vs. Tell: Prioritized visual portfolio integration over text-heavy descriptions to demonstrate capabilities
User Flows & Information Architecture
Created journey maps, user flows, site maps, and process diagrams to reduce user friction and guide visitors toward conversion.
Restructured the entire information architecture to create clear user journeys and eliminate confusion. Each page now serves a specific purpose in guiding visitors toward conversion while reducing cognitive load.
Home
Clear CTA ("Let's Talk"), immediate lead collection
Services
Organized into Image Editing, 3D, and AI – structured and simplified
Portfolio/Work
Showcase best projects, avoid clutter
Support/Contact
Easy access for inquiries and resources
Comprehensive sitemap showing the restructured information architecture designed to improve user navigation and reduce cognitive load through logical content organization.
User Journey Optimization
Entry Points: Homepage designed as primary landing with clear value proposition and navigation paths
Discovery Flow: Service pages structured for progressive information disclosure and contextual CTAs
Conversion Paths: Multiple pathways to contact optimized for different user types and urgency levels
Trust Building: Strategic placement of testimonials, portfolio, and social proof throughout journey
Mapped user flows to identify and eliminate friction points in the conversion journey, ensuring smooth progression from awareness to action.
Flow Analysis Insights
Decision Paralysis Removal: Reduced CTA options from scattered placement to strategic "Let's Talk" focus with contextual alternatives
Information Hierarchy: Restructured content to follow scanning patterns with scannable headers, bullet points, and visual breaks
Trust Signal Integration: Positioned social proof elements at key decision points to overcome skepticism
Mobile Optimization: Ensured touch-friendly interactions and compressed content hierarchy for smaller screens
Wireframes & Prototypes
Created wireframes, prototypes, hi-fi mocks, and interaction models progressing from low-fi sketches to interactive prototypes demonstrating user experience improvements.
Developed comprehensive design deliverables using systematic approach from initial sketches to production-ready prototypes, ensuring all design decisions aligned with user research insights.
Design Deliverables Created
Tools & Process
Design Systems & Visual Design
Documented and maintained design systems, visual guidelines, typography, icons, and style guides ensuring consistency and accessibility across all design implementations.
Established comprehensive design system components and visual guidelines to ensure consistency, accessibility, and maintainability across the entire website redesign.
Design Components Created
Key Features Implemented
Ensured comprehensive accessibility compliance through systematic checks, contrast validation, and keyboard navigation optimization meeting WCAG 2.2 AA standards.
Accessibility Implementation
Design System Contribution
Visual Transformations
Key design improvements showing before and after states of critical pages and sections.
Before
After
Applied cognitive load theory with clear value proposition and simplified CTAs.
Before
After
Restructured using Miller's Rule with card-based layout and progressive disclosure.
Before
After
Redesigned using "benefits over features" principle and decision-making psychology with "jobs-to-be-done" framework.
Before
After
Restructured using scannable design and pricing transparency psychology with AI integration leveraging "novelty bias".
Before
After
Enhanced accessibility with multiple contact methods and streamlined user flow using "principle of least resistance".
Before
After
Redesigned using progressive disclosure and completion psychology with strategic CTA placement leveraging "completion bias".
Demonstrates trust-building psychology and comprehensive information architecture with testimonials and detailed service pages.
Testimonials Section
Strategic social proof placement with authentic client stories, visual hierarchy, and integrated CTAs to capitalize on trust-building moments.
Nested Image Editing Section
Comprehensive service breakdown with progressive information disclosure, visual examples, and transparent pricing structures for informed decision-making.
Documentation & Specs
Documented design decisions and maintained specifications throughout development, ensuring clear handoff materials and rationale logs for future reference.
Created comprehensive design specifications and handoff documentation to ensure smooth development collaboration and maintain design consistency throughout implementation.
Specification Deliverables
Handoff Process
Rationale Documentation
Implementation & Collaboration with Engineers
Worked closely with engineering teams to ensure design documentation feasibility, technical implementation optimization, and seamless stakeholder handoff processes.
Maintained strong collaboration with the development team throughout implementation phase, ensuring design vision translates effectively into functional code while preserving user experience integrity.
Design-Development Syncing
Stakeholder Management
Testing & Feedback
Supported user research and usability testing, analyzed feature performance, conducted competitive A/B testing, and implemented iterations based on feedback.
Comprehensive A/B testing analysis comparing TKCL against Pixelz, Bright River, and bZm Graphics to validate design decisions and understand competitive position.
Test Methodology
Four-variant test: Equal traffic allocation (25% each) over four weeks
Key metrics: Bounce rate, session duration, pages per session, CTA click-through, lead conversion
Modeling approach: UX heuristics and behavioral patterns from similar e-commerce service sites
| Metric | TKCL | Pixelz | Bright River | bZm Graphics |
|---|---|---|---|---|
| Bounce Rate | 36% | 42% | 39% | 40% |
| Session Duration | 2.7 min | 2.1 min | 2.3 min | 2.0 min |
| Lead Conversion | 4.3% | 3.0% | 3.5% | 3.8% |
Key Competitive Insights
Navigation Advantage: TKCL's simplified navigation outperformed competitors' complex multi-level menus, reducing cognitive load and improving user flow.
AI Differentiation: TKCL's dedicated AI tools (Retouched.ai and Holosnap) created unique value proposition with concrete, accessible tools competitors couldn't match.
CTA Strategy: Focused two-CTA approach ("Let's Talk" and "Retouched.ai") outperformed competitors' scattered multiple CTAs, creating clearer conversion paths and reducing decision paralysis.
Comprehensive PageSpeed optimization showing significant improvements in Core Web Vitals and overall performance scores across desktop and mobile platforms.
Desktop Performance - Before
Desktop Performance - After
