VIEW
DESIGN ENGINEER SOFTWARE DEVELOPER

HOSANNA UTE

DELANEEN
DESIGNING VISUAL SYSTEMS PEOPLE REMEMBER. BUILDING BACKEND CODE THAT PERFORMS.
Hosanna Ute - Creative Director
DESIGN ENGINEER

More Than Visuals. Design With Purpose.

  • Brand Research and User Psychology
  • Visual Strategy and Product Thinking
  • Experience Design and Creative Systems
CORE STRENGTHS

(Design + Strategy)

Brand Design

Visual Systems + Identity

Product + UX

Research-Driven Design

Communication Design

Creative Systems

DD
SOLUTIONS

(What Gets Delivered)

Services

Brand Identity Product + UX Design Digital Systems

SELECTED WORKS

01 / 07
Branding
Brand Identity: Delaneen

Brand Identity: Delaneen

A cohesive corporate identity system built for recognition, consistency, and premium brand presence.

OBJECTIVE: Establish a memorable visual baseline that instantly communicates professional excellence across physical and digital touchpoints.
SOFTWARE:
Adobe Illustrator Adobe Photoshop
UI/UX
UI/UX Platform

UI/UX: App Interface

Advanced mobile application screens focused on usability, biometric navigation, and frictionless user flows.

OBJECTIVE: Reduce user drop-offs and optimize task completion times by structuring cognitive design layers.
SOFTWARE:
Figma Spline 3D
Web Design
Website Experience

Website: Delaneen Portal

A premium responsive web environment integrating interactive 3D elements, custom overlay noise, and rich layout flows.

OBJECTIVE: Create an immersive, high-performing digital landing showcase that generates client conversions.
SOFTWARE:
Figma VS Code Spline 3D
Logo Set
Logo Set: High Voltage

Logo Design: High Voltage

Scalable, bold logo exploration showcasing extreme visual recall, typographic harmony, and modern design angles.

OBJECTIVE: Craft a highly versatile brand emblem that maintains pristine readability at both 16px tab icon and scale.
SOFTWARE:
Adobe Illustrator
Event Design
Birthday Flyer: Night Out

Event Flyer: Birthday Bash

High-impact party flyer integrating electric neon glow, custom typography, and dynamic spatial placement.

OBJECTIVE: Drive excitement, ticket bookings, and viral organic reach across primary social media sharing platforms.
SOFTWARE:
Adobe Photoshop
Artistic Poster
Artistic Poster

Poster: Cyberpunk & Typography

Rich visual editorial compositions focusing on dramatic focal contrast, bold typographic blocks, and textured layouts.

OBJECTIVE: Create a museum-quality digital visual that commands high immediate curiosity and visual engagement.
SOFTWARE:
Adobe Photoshop Adobe Illustrator
Social Campaign
Social Media Graphics

Social Campaign: Brand Kit

Harmonized pack of graphics, banner variants, and post structures designed to maintain high engagement levels.

OBJECTIVE: Preserve a cohesive brand aesthetics, increase audience interactions, and maintain post consistency.
SOFTWARE:
Figma Adobe Photoshop
THE BRAND

Delaneen Design

Delaneen Design is a premium visual systems studio engineering high-impact brand identities, sleek layout frameworks, and bold digital concepts. We fuse rigorous structural grids with striking brutalist aesthetics to ensure your brand commands attention, projects authority, and scales flawlessly.

View Services
Delaneen Space Design Concept

Let's Build Something Great

Strong visual systems. Rigid frontend code. Clear brand recall. I build beautiful digital environments that perform instantly.

EMAIL: hosanna.ute@gmail.com
LOCATION: Lagos, Nigeria

Case Study: Brand Identity

DELANEEN SYSTEM
OBJECTIVE

Building recognition baseline

Big brands require extreme consistency. The baseline objective for Delaneen was to develop an interlocking visual corporate guidelines model representing professional excellence across both physical stationery cards and high-performance browser interfaces.

DESIGN SYSTEM

Aesthetics & Typographic Logic

We structured a robust design system baseline based on standard geometric rules. Color swatches utilize warm corporate sand-beige contrasted with electric neon highlights, creating a sense of brutalist technology and high-end creative direction.

  • Pantone Matching System
  • Scalable Vector Geometry
  • Letterhead & Collateral
  • Full PDF Brand Guidelines
OUTCOME

Enterprise Brand Readiness

The brand architecture successfully established a memorable visual footprint. All materials scale seamlessly from A4 letterhead forms down to 16px desktop tab icons, ensuring complete brand readiness for massive commercial markets.

Case Study: App Interface

INTERACTIVE APPLICATION UX
OBJECTIVE

Frictionless biometric navigation

Modern applications require user interaction sequences that are intuitive and fast. The goal for this design was to engineer clean, biometric-focused mobile navigation layouts that reduce task completion times and drop-off counts on enterprise platforms.

RESEARCH & DESIGN

Information Architecture & Prototypes

We designed detailed wireframe blueprints mapping out cognitive user load levels. The final layout houses auto-layouts and robust component variants on Figma, ensuring complete design-system alignment.

  • UX Flow & Wireframing
  • Interactive Prototype
  • Biometric User Handshakes
  • Dev-ready Figma Tokens
OUTCOME

Optimized Operational Metrics

The screen variants optimized transition flows and reduced overall interface friction. Handed off cleanly via structured design systems, this mockup sets the benchmark for enterprise-level visual application products.

Case Study: Web Platform

FRONTEND DEVELOPMENT SHOT
OBJECTIVE

Pioneering visual engineering

Web platforms for big brands must operate fast while displaying visual elegance. The mission was to design a highly interactive web environment integrating custom overlay noise, 3D Spline elements, and smooth fluid layouts.

ENGINEERING

3D Integrations & Code Optimization

We wrote optimized HTML5 structure, custom CSS variables, and lightweight JavaScript listeners. Interactive 3D Spline viewers load asynchronously to preserve instant page-load speeds while maintaining rich spatial depth.

  • 3D Spline Integrations
  • CSS Spacing Variables
  • Async 3D Asset Loading
  • 1.2s Core Visual Load
OUTCOME

Exceptional Brand Conversions

The platform successfully bridges design aesthetics and core frontend metrics. Running with rich overlays, custom cursor glow coordinates, and modular code variables, this landing showcase establishes high immediate curiosity and visual conversions.

Case Study: Event Flyer

ELECTRIC NEON BASH
OBJECTIVE

Driving virality & conversions

The goal was to design a flyer so visually electric that people would share it without being asked. Every element — from the neon glow palette to the typography weight — was tuned to maximize engagement and drive ticket bookings.

APPROACH

Neon-brutalist visual strategy

I combined electric neon color treatments with bold, retro-brutalist typography to create instant visual tension. The layout uses aggressive spatial hierarchy to guide the eye from headline to date to call-to-action in under 2 seconds of viewing time.

  • Electric neon color grading
  • Retro-brutalist typography pairing
  • 2-second scan-path optimization
  • Social-native format sizing
OUTCOME

Viral organic sharing

The flyer was optimized for Instagram Stories, WhatsApp forwards, and print handouts. Its striking neon palette generated significant organic reach, with the design being re-shared across multiple social platforms without any paid promotion.

Case Study: Cyberpunk Poster

CYBERPUNK TYPOGRAPHY COMP
OBJECTIVE

Museum-quality visual layout

This project challenged me to create an editorial-quality poster that functions as both a standalone art piece and a commercial communication tool. The benchmark was gallery-level visual intensity.

APPROACH

Photomontage & editorial typography

I layered advanced Photoshop compositing techniques with Illustrator-based typographic grids. The result is a gritty, industrial aesthetic that uses heavy contrast and textured overlays to command immediate visual focus from across a room.

  • Multi-layer photomontage compositing
  • Industrial texture overlays
  • Heavy editorial typographic blocks
  • High-contrast color grading
OUTCOME

Gallery-grade visual impact

The final poster delivers instant visual engagement at both screen and large-format print sizes. It demonstrates mastery of advanced compositing, color theory, and typographic hierarchy — skills directly applicable to editorial, entertainment, and brand campaign work.

Case Study: Social Campaign

SOCIAL MEDIA CAMPAIGN SET
OBJECTIVE

Consistent brand aesthetics

Brands lose trust when their social presence looks fragmented. This project required building a cohesive visual system that maintains identity coherence across Instagram, Twitter/X, LinkedIn, and WhatsApp Status — without looking repetitive.

APPROACH

Modular template system

I designed a modular grid system where every post, story, and banner shares the same foundational layout DNA but allows for variation in content and imagery. Color tokens, typography scales, and spacing rules were locked to the brand guide.

  • Modular grid-based template system
  • Platform-specific sizing (IG, X, LinkedIn)
  • Brand token enforcement (colors, type, spacing)
  • Reusable Figma component library
OUTCOME

Scalable engagement framework

The final deliverable was a complete social media kit with editable templates, a brand style guide for social, and ready-to-post assets. The modular system allows the client to produce new on-brand content independently, reducing ongoing design costs.