THIS IS THE

PROCESS

OF

& KHAFEI

THIS IS THE

PROCESS

OF

& KHAFEI

WEBSITE: YELLOW FISH STUDIO

WEBSITE: YELLOW FISH STUDIO

FINAL ITERATION - FOR NOW

FINAL ITERATION - FOR NOW

DONE BY:

DONE BY:

CASEY NG

CASEY NG

CHAPTER 1:

COMING UP

WITH A NAME

FOR OUR NON-MANDARIN

SPEAKING FRIENDS, HERE

WE WILL EXPLAIN A

LITTLE ABOUT THE NAME.

Yellow Fish is a literal translation from both of our last names.


With the exception of the latter - fish.



Casey's last name written in english is NG. However, when written in mandarin, it's【黄】.

which translates to the colour yellow.

[]

YELLOW

[]

FISH

YES,

CASEY KNOWS.

EAU [] IS NOT

FISH[]

The reason for this, is because Jocelyn's last name is pronunciation sounds similar to how one would pronounce fish in mandarin.


That gave me an idea for the name of our studio.


Of course,I asked for permission, for her thoughts and feelings on it.


She said yes.



To this,the name and starting together. Not tying the knot.



Anyways,that's how we got to this.


[]

YELLOW

[]

FISH

CHAPTER 2:

SKETCHIES &

PENMANSHIP

SKETCHIES &

During the ideation phase, the initial direction was to have the graphics to be hand drawn and the name written physically.


The fish with legs is named Sexless Fish. Initially intended for it to represent both of us.


Later then had the itch to add another fish, and came the Cute Fish.


DRAG TO VIEW

PENMANSHIP

During the ideation phase, the initial direction was to have the graphics to be hand drawn and the name written physically.


The use of handwritten note felt more genuine, in recent times, more and more people are starting the use of AI [artificial intelligence] in aspects of their life, including work.


Though I do feel that AI has their strong points, Jocelyn & I rarely use AI during our ideation process.


We source out materials and ideas by ourselves. We use our day to day experiences, and let that influence us in our work, and designs.


The human touch.

CHAPTER 2:

SKETCHIES &

During the ideation phase, the initial direction was to have the graphics to be hand drawn and the name written physically.


The fish with legs is named Sexless Fish. Initially intended for it to represent both of us.


Later then had the itch to add another fish, and came the Cute Fish.

PENMANSHIP

During the ideation phase, the initial direction was to have the graphics to be hand drawn and the name written physically.


The use of handwritten note felt more genuine, in recent times, more and more people are starting the use of AI [artificial intelligence] in aspects of their life, including work.


Though I do feel that AI has their strong points, Jocelyn & I rarely use AI during our ideation process.


We source out materials and ideas by ourselves. We use our day to day experiences, and let that influence us in our work, and designs.


The human touch.

CHAPTER 2:

SKETCHIES &

PENMANSHIP

During the ideation phase, the initial direction was to have the graphics to be hand drawn and the name written physically.


The use of handwritten note felt more genuine, in recent times, more and more people are starting the use of AI [artificial intelligence] in aspects of their life, including work.


Though I do feel that AI has their strong points, Jocelyn & I rarely use AI during our ideation process.


We source out materials and ideas by ourselves. We use our day to day experiences, and let that influence us in our work, and designs.


The human touch.

Initial sketch

CHAPTER 2:

GALLERY

CHAPTER 2:

GALLERY

SCROLL ->

Iteration 01

Iteration 02

Final iteration

CHAPTER 3:

KHAFEI

Our digital cafe & studio setup.


The space is a how we would envision our studio would be.


The cafe is implemented, as it is Jocelyn's wish to own her own cafe. However we can't realise that, but we can do it virtually.

initial landing page

The layout of the landing page was ported from the first rendition of a practice site, before this was made.

VIEW

HUANG STUDIO

PROCESS

KHAFEI:

INSPIRATION

BEHIND THE

STRUCTURE

The structure of the building is a derivative of【余】.

In similar fashion to how each mandarin characters are technically drawings of elements / items in the real world, the same was done and applied here.


It was a starting point of the structure, and what you saw in the interactive section, is the end result of it.

NEXT

NEXT

KHAFEI:

INITIAL DEVELOPMENTS

NEXT

BACK

INITAL DEVELOPMENT 01

KHAFEI:

DESKTOP

The desktop site is currently still under construction, but the following few pictures are scenes from the interaction section of Khafei.


Both models from the desktop and phones are the same, but framed in a slightly different manner.

KHAFEI:

DESKTOP

The desktop site is currently still under construction, but the following few pictures are scenes from the interaction section of Khafei.


Both models from the desktop and phones are the same, but framed in a slightly different manner.

NEXT

BACK

NEXT

BACK

KHAFEI:

INITIAL

DEVELOPMENTS

NEXT

BACK

INITAL DEVELOPMENT 01

NEXT

BACK

INITAL DEVELOPMENT 01

KHAFEI:

DEVICES

During the production of the site, I wanted to integrate devices into the site, like a companion.


Along with the same principles of making a site feel less like a site, both the PC & the phone / gameboy hybrid, is there for function, not just a prop.


The names of the devices are inspired by Dr. Doofenshmirtz, for some reason.


DRAG TO VIEW

KHAFEI:

DEVICES

During the production of the site, I wanted to integrate devices into the site, like a companion.


Along with the same principles of making a site feel less like a site, both the PC & the phone / gameboy hybrid, is there for function, not just a prop.


The names of the devices are inspired by Dr. Doofenshmirtz, for some reason.


DRAG TO VIEW

GRAPHICS:

USED &

UNUSED

Throughout the production for this site, many different graphics were produced to explore the different options and ways for us to present and showcase our materials.


That lead to some graphics and materials were not utilised in the end product.


I hope you enjoy :>

Throughout the production for this site, many different graphics were produced to explore the different options and ways for us to present and showcase our materials.


That lead to some graphics and materials were not utilised in the end product.


I hope you enjoy :>

Desktop's cartridge

[Tap to interact]

POSTERS

CAFE LOGO FOR

INTERACTIVE SECTION

ARE YOU

HUNGRY, YET?

NO? OKAY :(

ROTATING SCHRIMPS

PLATES

NOT SO HOT FESH

MAIN + SIDE + KEKE KOLA

DRAG THIS WAY

DRAG THIS WAY

THE

END


FOR NOW

Thank you for viewing this project!


There are further graphics & materials planned that are still under development.


Check back soon!





Like what you see?


CALL US | DM US | EMAIL US

YELLOW FISH

STUDIO

>><^,«'>

close app & menu

enter app

YELLOW PHONINATOR

dog eating ice cream.mov

yellow's mixtape

fish's mixtape

Project Flow

Book & fill up project brief

Dog eating ice cream.mov

SELECTED

PROJECTS

ABOUT US

MENU

CLOSE DEMO

dog eating ice cream.mov

Selected Projects

Project Flow

About us

?

All in one.pkg

Contact us

Book & fill up project brief

yellow's mixtape

fish's mixtape

Looker

Selected Projects

Project Flow

About us

Dog eating ice cream.mov

fish's mixtape

Book us

All in one.pkg

About us

Selected Projects

Welcome home.itr

Yes

No

===|ERROR|===

Yellow Computinator is unable to read Welcome

home.itr cartridge.Would you like to be redirected on your own browser?

Welcome home.itr

Yes

No

insert khafei

logo here

Yellow Computinator is able to read KHAFEI.ITR.


Would you like to view it now?

Contact us

yellow's mixtape

Contact us

Yellow Computinator

[100]-px, 2024

Chip

fish & chip

Memory

goldfish GB

Operating System

yellowOS 1.02

no Regulatory Certification

Yellow Computinator & yellowOS is an interactive manifestation conjured up by【黄】Huang, with the supervision & discipline of【余】Fish, of Yellow Fish Studio

Friday, January 10, 2025

10:49:57 AM

yellowOS

BOOK US

Are you looking to get your house dressed?

yes/no?

CLOSE DEMO

dog eating ice cream.mov

Selected Projects

Project Flow

About us

?

All in one.pkg

Contact us

Book & fill up project brief

yellow's mixtape

fish's mixtape

Looker

Selected Projects

Project Flow

About us

Dog eating ice cream.mov

fish's mixtape

Book us

All in one.pkg

About us

Selected Projects

Welcome home.itr

Yes

No

===|ERROR|===

Yellow Computinator is unable to read Welcome

home.itr cartridge.Would you like to be redirected on your own browser?

Welcome home.itr

Yes

No

insert khafei

logo here

Yellow Computinator is able to read KHAFEI.ITR.


Would you like to view it now?

Contact us

yellow's mixtape

Contact us

Yellow Computinator

[100]-px, 2024

Chip

fish & chip

Memory

goldfish GB

Operating System

yellowOS 1.02

no Regulatory Certification

Yellow Computinator & yellowOS is an interactive manifestation conjured up by【黄】Huang, with the supervision & discipline of【余】Fish, of Yellow Fish Studio

Friday, January 10, 2025

10:49:57 AM

yellowOS

BOOK US

Are you looking to get your house dressed?

yes/no?