Web Experience: The 404 Page
Use this for the "Oops nothing here" screen.
Headline: Turning Error States into Engagement Opportunities
Project Overview: A 404 page is often a dead end for users, leading to frustration and site abandonment. This design for Awokaytech flips the narrative by turning an error state into a moment of brand personality.
The Strategy:
Visual Storytelling: Used a relaxing illustration of a character in a hammock to lower user stress and inject humor ("Don't worry, just relax").
Retention Focus: Instead of leaving the user stranded, the layout provides clear navigation paths ("Home," "Work") and a prominent "Learn More" CTA to guide them back to the product.
Consistent Branding: Maintained the brand’s typography and color gradient to ensure the user knows they are still in a safe ecosystem.
Role: Web Designer & Illustrator Tools: Figma, Vector Art
Visual Identity: App Iconography
Use this for the collection of 3 logos/icons.
Headline: Distilling Brand Essence into 180px
Project Overview: A clear visual mark is the anchor of any digital product. This collection explores three distinct visual directions for app icons, focusing on depth, geometry, and metaphor.
Design Concepts:
The "Be" Mark: Explores the concept of "Layers" and depth. By using transparency and shadows on the letter 'B', it suggests a multi-faceted tool or platform.
The Code Link: A dynamic, abstract representation of code brackets (
< >) intertwined. The use of green and blue signifies growth and technology, perfect for a developer tool.The Organic Shape: A minimal, high-contrast symbol focusing on balance and symmetry. The rounded organic forms create a friendly, approachable feel, suitable for a lifestyle or wellness app.
Role: Icon Designer Tools: Adobe Illustrator, Figma
AWOKAY
DESIGNER






