Case Study

Brevix Consult

Designing and building a complete consulting brand and website from scratch — from identity to deployment.

Role

UI/UX · Frontend

Scope

Brand + Full Stack

Tools

Figma · Next.js · Supabase

Brevix Consult website overview

Problem Statement & Constraints

Problem

Brevix Consult had nothing.

  • No logo
  • No brand system
  • No website
  • No online presence

The challenge was to create everything from scratch — brand identity → UX → UI → interactivity → development → backend → deployment.

Constraints

  • Solo project — handled branding, UX/UI, frontend, backend, and deployment
  • Learned Next.js, Supabase, and Resend during the build
  • Brand needed to stand out from traditional corporate consulting aesthetics
  • Website had to be scalable and performance-optimized
  • Tight timeline required efficient workflows and AI-assisted development
About web app screenshot
About page defining the product value.

Research & Insights

What I Analyzed

  • Consulting firm websites and branding
  • Trust-building UX patterns
  • Typography and color trends in professional industries
  • User expectations for service-based businesses

Key Insights

  • Users want instant clarity about what the company does
  • Trust is built through strong hierarchy and clean branding
  • Overly corporate blue-heavy palettes feel outdated
  • Scannability is essential for service comprehension
Tax Calendar web app screenshot
Tax Calendar was the unique value proposition in this product(web app).

Branding & Identity Design

Logo Concept

  • Geometric clarity for structured thinking
  • Forward-leaning angles to express progress
  • Minimal, clean marks for a modern and timeless identity

Color Palette

Teal was chosen to balance trust and innovation, offering a more modern alternative to traditional consulting blues while maintaining accessibility.

Typography

  • Modern sans-serif system
  • Bold weights for anchors and headings
  • Readable body text with consistent rhythm
Brand identity exploration and guidelines
Brand identity exploration and guidelines

UX Design & Wireframes

Information Architecture

  • Home
  • About
  • Services
  • Contact

The structure was designed to reduce friction, improve scannability, and support conversion.

Wireframes → Hi-fi Design

High-fidelity UI
Wireframes
Wireframes
High-fidelity UI

Sliding from low-fidelity wireframes to final UI highlights how structure, hierarchy, and interaction evolved without changing the underlying information architecture.

UI, Visual Hierarchy & Interactivity

  • Confident hero typography
  • Teal accents for key touchpoints
  • Grid-based spacing for consistency
  • Service cards for clarity
  • Clean iconography and simplified shapes

Motion & Interaction Design

  • Soft fade-ins to guide narrative flow
  • Smooth page transitions
  • Subtle hover and micro-interactions
  • Controlled animation timing for a premium feel
UI components and motion
UI components, interactions, and motion states

Results & Reflection

  • Complete brand identity built from scratch
  • Modern, trustworthy consulting presence
  • Fast performance and responsive layouts
  • Improved clarity and service comprehension
  • Increase in contact form interactions

This project transformed me from a designer who knew about code into a designer who can build production websites end-to-end.

It proved that you don’t need to be ready — you become ready by doing.