utaracoder
BMEN

THE UTARACODER PORTFOLIO / LIVE STORES & CREATIVE CONCEPTS

Different by brief.
Distinct by design.

From independent fashion stores to distinctive brand experiences. Explore real e-commerce work by our crew, then discover the possibilities in our concept collection.

7DAYSTORE and SoGoodBois are live stores made by our crew. The four projects below them are self-initiated concepts, clearly labelled.

LIVE E-COMMERCE / BUILT BY OUR CREW

Not just a storefront.
A whole world to shop.

Two independent brands. Two unmistakable identities.
Real stores brought to life by the Utaracoder crew.

01 / STREETWEAR RETAILVISIT LIVE STORE ↗

7DAYSTORE®

Street-level energy.
Storefront precision.

7daystoremy.com↗
7DAYSTORE homepage with Kuala Lumpur street imagery and vivid green accents
KUALA LUMPUR, MY / DIGITAL STOREFRONT
CAPTURED FROM THE LIVE WEBSITE

THE EXPERIENCE

Made for the drop.
Built for discovery.

A streetwear storefront with a point of view. City imagery sets the scene, high-contrast typography carries the attitude, and the collection brings the products into focus. Brand browsing, sorting and filters give shoppers several ways to find their next piece.

  • Bold editorial storefront
  • Brand & category discovery
  • Product sorting & filters
  • WhatsApp contact
Experience 7DAYSTORE
02 / INDEPENDENT FASHIONVISIT LIVE STORE ↗

SOGOODBOIS™

Enter the atmosphere.
Discover the collection.

sogoodbois.com↗
SoGoodBois cinematic homepage with a dark moving-image backdrop and store entrance
INDEPENDENT IDENTITY / IMMERSIVE COMMERCE
CAPTURED FROM THE LIVE WEBSITE

THE EXPERIENCE

Commerce with
its own atmosphere.

A cinematic entrance makes the brand felt before the collection appears. Monospaced details, a dark visual palette and a distinctive shop presentation carry that identity through the experience. Product discovery sits alongside size, price and stock filters.

  • Cinematic brand entrance
  • Distinctive collection layout
  • Size, price & stock filters
  • Cart & customer account access
Step into SoGoodBois

Your products have a story.
Let’s build the store that tells it.

Talk about your online store ↗

01 / HOSPITALITY

Senja Coffee ↗

CONCEPT PROJECT
senja.THE COFFEE   THE SPACE   OUR STORY
GOOD COFFEE. NO RUSH.

Stay for
another cup.

Your favourite corner of the day.
Thoughtfully brewed, warmly shared.

Find your daily ritual ↗
Iced latte on a sunlit wooden café table
SLOW MORNINGS. LONG CONVERSATIONS. BREWED WITH A LITTLE MORE CARE.
Explore the complete website
THE IDEA

Make the first visit
feel like coming back.

A neighbourhood café needs more than a menu online. This direction uses warm photography, an inviting voice and generous space to express the feeling of being there before a customer walks through the door.

Design focus
Atmosphere, menu discovery, location
Creative scope
Art direction · Web design · Copy concept
Warm café interior with communal tables

INSIDE THE COMPLETE WEBSITE

Hospitality, from first impression to daily ritual.

Six sample drinks and bakes, with working category filters.

Browse the menu ↗
Inside the design decisions

Espresso brown and cream reflect the café experience. A serif headline slows the reading pace, while compact navigation keeps practical information close. On mobile, the story leads into the photograph instead of shrinking a desktop composition.

02 / ARCHITECTURE & INTERIORS

Ruang Studio ↗

CONCEPT PROJECT
RUANGSTUDIOSPACES   PHILOSOPHY   ENQUIRE

Space to
live differently.

Architecture shaped around
the life within it.

Contemporary tropical home with concrete, timber and lush planting
01 — A QUIETER WAY TO LIVE RESIDENTIAL / CONCEPT
Explore the complete website
THE IDEA

Let the architecture
do the talking.

For a design-led studio, restraint creates room for the work. This concept pairs an oversized editorial headline with an uninterrupted architectural image, then introduces just enough context to make the project meaningful.

Design focus
Project storytelling, image hierarchy
Creative scope
Visual identity direction · Portfolio design
Tropical living room and courtyard

INSIDE THE COMPLETE WEBSITE

Architecture beyond the hero image.

Interior imagery, project facts, material notes and a full-screen image viewer.

Step inside the project ↗
Inside the design decisions

The near-monochrome palette keeps attention on material, light and space. A precise grid gives each project a consistent frame, while the typography adds a human quality to the architectural presentation.

03 / SOFTWARE & FINANCE

Ledger ↗

CONCEPT PROJECT
ledger▰PRODUCT   HOW IT WORKS   FOR TEAMS
LESS ADMIN. MORE CLARITY.

Your numbers.
Finally, clear.

A calmer way to see what’s coming in,
what’s going out and what’s next.

Meet your new overview ↗
Business overview ILLUSTRATIVE DATA
Cash availableRM 24,800.00
Invoices to follow up03
Next paymentRM 1,200
A CLEARER PICTURE OF YOUR BUSINESS. PRODUCT WEBSITE CONCEPT
Explore the complete website
THE IDEA

Make a complex product
easy to understand.

Software buyers need to recognise the problem before they care about features. This direction leads with clarity, shows the product in context and uses plain language to connect the interface to a familiar business task.

Design focus
Value proposition, product explanation
Creative scope
Landing page · UI concept · Messaging
ILLUSTRATIVE DASHBOARDRM 13,800

Net movement / This month

Money in RM 32,400
Money out RM 18,600

INSIDE THE COMPLETE WEBSITE

A product you can explore, not just look at.

Switch reporting periods and see simulated financial summaries update.

Try the dashboard ↗
Inside the design decisions

Deep blue establishes a calm visual foundation, with mint reserved for important actions and data. The dashboard is an illustrative interface, not a working finance product. Its sample figures explain the concept without implying customer performance.

04 / FITNESS & LIFESTYLE

Pulse ↗

CONCEPT PROJECT
PULSE®TRAINING   THE STUDIO   START HERE
SHOW UP FOR YOURSELF.

YOUR PACE.
YOUR PLACE.
YOUR PULSE.

Less pressure to be perfect.
More reasons to keep moving.

Make your first move ↗
STRENGTH / MOVEMENT / COMMUNITY EVERY START COUNTS.
Explore the complete website
THE IDEA

Bring the energy.
Lose the intimidation.

A fitness website can be bold without making beginners feel out of place. This concept balances oversized typography with encouraging copy, keeping the focus on starting rather than measuring up.

Design focus
Brand energy, approachable first steps
Creative scope
Art direction · Website design · Copy concept
Movement session in a boutique fitness studio

INSIDE THE COMPLETE WEBSITE

A complete journey from interest to first step.

Switch sample days and open individual session details.

Explore the timetable ↗
Inside the design decisions

A lavender and ink palette moves away from familiar gym colour schemes. Repetition gives the headline rhythm, while a single next step avoids overwhelming someone who is considering their first session.

YOUR BUSINESS COULD LOOK THIS CONSIDERED.

Different brief.
Your next chapter.

Tell us what you do and where you want to go.
We’ll talk about a direction that fits your business.

Let’s discuss your website ↗

YOUR NEXT CHAPTER STARTS HERE

A little about your business. A clearer way forward.

Tell us what you have in mind. We’ll help shape the scope and send a clear quotation before you commit.

We use these details to respond to your enquiry. Please leave out passwords and sensitive information.