Dikman Systems

Where Custom Circuit Boards Meet Custom Design

Year

2022

Project Type

Website Design

Agency

Solo Project

Contribution

Logo Design,

Web Design + Code

I designed and implemented a sleek, modern website for Dikman Systems to serve as their digital business card, showcasing their expertise in custom circuit board design and manufacturing.

Dikman Systems Site opened on a Macbook Pro and an iPhone 11 on a white background

Overview

Wired for Success: Bridging the Gap Between Hardware and Web

Ever wished for a digital handshake that leaves a lasting impression? That's exactly what Dikman Systems needed — a brand-new website that could serve as a sleek, modern business card for potential clients and employees. Imagine a space where cutting-edge circuit board designs meet an equally innovative online presence. That’s the vision I brought to life for Dikman Systems, blending their high-tech expertise with a user-friendly, visually captivating website.

Challenge

Starting from scratch can be both exhilarating and daunting. Dikman Systems had no existing website, meaning I had a blank canvas to create something truly remarkable. The challenge was to craft an engaging and professional online presence that effectively showcased Dikman Systems' expertise in custom circuit board design and manufacturing, attracting both clients and top talent.

Solution

With a dash of creativity and a sprinkle of tech wizardry, I set out to create a website that would be both functional and fabulous. By incorporating intuitive UX/UI design and robust development practices, the new Dikman Systems site now dazzles like a circuit board under a magnifying glass. Clean, modern, and interactive—this website is a digital delight.

Dikman Site opened on a tablet showing one of Dikman's core values

Discovery

Blueprints and Brainstorms: The Journey of Discovery

Embarking on this project felt like diving into a tech wonderland. To truly understand what the website needed, I:

  • Conducted surveys with 15 potential clients and employees (aged 25–45) to gauge their preferences.
  • Held in-depth interviews with 3 key stakeholders from Dikman Systems to align with their vision.
  • Analyzed 11 competitor websites to identify industry best practices and opportunities for innovation.

Key Takeaways

  • Simplicity is Key: Users appreciate a straightforward, clean design.
  • Speed Matters: Fast loading times are crucial for retaining visitors.
  • Engagement Hooks: Interactive elements and clear CTAs (Call to Actions) keep users engaged.
  • Consistency Wins: A cohesive design language enhances the user experience.
Dikman Site opened on a phone showing Dikman's manufacturing process

Solution

Engineering Elegance: Crafting a Seamless Online Experience

The new Dikman Systems website is like a well-oiled machine, designed to impress at first glance and function flawlessly thereafter. It's the ultimate digital business card, featuring:

  • A responsive design that looks stellar on any device.
  • Engaging visuals and animations to capture user interest.
  • Quick load times to keep visitors happy and engaged.

Problems Solved

  • Increased Engagement: Interactive elements make the site more lively and interesting.
  • Faster Load Times: Improved performance to reduce bounce rates.
  • Brand Consistency: A unified look that strengthens brand identity.
A young woman smiling on a white wall background

User Persona

Maria the Tech Enthusiast

"A professional online presence speaks volumes about a company's reliability and expertise."

Profile

Age

32

Location

Sofia, Bulgaria

Occupation

Electrical Engineer

Goals

  • Work with a company whose values align with hers
  • Collaborate with a company that embodies technological advancement

Personality

Analytical Curious Detail-oriented Efficient

Frustrations

  • Companies with poor communication and a lack of transparency regarding their values
  • Clunky, outdated websites that waste time

Typography

Black

Heading 1

Heading 2

Heading 3

Heading 4

Body text

Fine Print

Bold

Heading 1

Heading 2

Heading 3

Heading 4

Body text

Fine Print

Medium

Heading 1

Heading 2

Heading 3

Heading 4

Body text

Fine Print

Regular

Heading 1

Heading 2

Heading 3

Heading 4

Body text

Fine Print

Color Palette

Primary

The primary color is used for interactive and decorative elements

Cobalt Blue

Neutral

The neutral palette is used for text, backgrounds, image overlays and rules

Grays

Back to top button