Code Chameleon Design Case Study

Website design

A bold redesign for Code Chameleon

As the lead UX/UI designer, I crafted the end-to-end experience for Diplom.id’s digital credentials platform and its public-facing website. Starting with user research and journey mapping, I defined personas and core flows — certificate creation, batch issuance, analytics dashboards, and social sharing— then translated them into wireframes and high-fidelity prototypes.

UX Research

UI Design

User personas

Website design

Two dark gray laptops on a concrete surface, one closed and one open showing a website with a green chameleon graphic and text reading 'Adapting code to meet your needs' with navigation links, buttons, and logos.

Website section with headline 'A simple, collaborative workflow' and a brief process description showing three steps: Discovery Call, Proposal & Timeline, Build, Launch & Support, each accompanied by an icon. Below is a Latest Insights section featuring three articles titled 'Local WordPress Development Environment' with publication dates, brief excerpts, and author names/photos. The bottom dark section invites users to 'Let's build something great together' with a short message and two buttons labeled 'Book a call' and 'Contact us.' A green chameleon mascot is displayed above the footer, which contains links for About Us, Portfolio, Blog, Careers, and Social media icons.

Website homepage with dark theme featuring a green chameleon graphic and the headline 'Adapting code to meet your needs.' It highlights fast, responsive SEO-ready design, straightforward communication, and smartly customized templates. Logos of trusted clients appear below. The page promotes smarter WordPress builds that are clean, flexible, built to scale with icons and bullet points describing lightweight plugins, modular blocks, and advanced features. A code snippet window shows colorful lines of WordPress code on the right side.

Two overlapping rounded rectangular cards on a green background; the top black card features a shield icon and text about fast, responsive, and SEO-ready sites that rank across devices, and the bottom white card features a flame icon and text about smartly customized templates with proven foundations to fit brands without compromising quality.

Dark-themed line chart showing revenue growth from January to May with a green upward trend line, highlighting total revenue of $20,000.63 and $1500 increase in the last 14 days.

Screenshot of HTML code snippet showing a product listing with classes for styling and layout including a div container, an img tag for a utility jacket image, a heading labeled 'Utility Jacket,' a price $110.00, and availability text stating 'In stock.'

Other projects

Four smartphone screens displaying a diet and recipe app interface in Bulgarian, featuring healthy recipes, calorie tracking, meal and water intake management, and popular recipes with images.

Silhouette of a person with a bun and glasses walking in front of a colorful background with large text partially visible, including the words 'Designs think made visual' on the left and 'GOOD IS INV' on the right.