Saemyung ADS · SAEMYUNG ADSRENEWAL PROPOSAL

Between the Partand the Sky

Homepage renewal proposal for Saemyung ADS, an aerospace and defense industry parts supplier
TARGET LOCK · PRECISION FILM, two design proposals

Read case

01 · PARTIt starts with the cross-section of a single part
As air flows past this circle, we measure the pressure at 32 points around it

02 · PRESSUREReads invisible pressure as a number
This is what pressure sensors do in wind tunnels and flight tests

03 · WINGUnfold the circle and it becomes a wing
The pressure difference above and below the wing lifts the aircraft

04 · SKYSmall parts support the sky
Saemyung ADS works between the parts and the sky

01 / OVERVIEWProject Overview

Supplying parts,
preparing for flight

Saemyung ADS is a company that supplies parts and equipment from four overseas manufacturers to the domestic aerospace and defense industry. Kulite's pressure sensors have been used in domestic test sites for over 30 years and have been used as key components in KT-1, T-50, FA-50, KC-100, KUH, K2, K21, and guided weapons. Added to this are aerospace bearings from RBC Bearings, pipe repair materials from WRAP, and telemetry equipment from TTC.

In October 2026 we imagined the current site, which opened in 2013, redrawn from scratch, and proposed two scroll-driven designs. This page records what we weighed along the way.

CLIENT: Saemyung ADS
Saemyung ADS Co., Ltd.
WEBSITE: smadsco.com
Korean
OUR ROLE: Renewal research, brand reading,
information architecture, UI, motion, 3D film
DELIVERABLE: Two main-page proposals, two rendered 3D films,
mobile screens, color, type and motion guidelines

30years+Kulite pressure sensor suppliedThe period indicated on the pressure sensor page of the current site
4placesOverseas manufacturersKulite · RBC Bearings · WRAP · TTC
System containing sensors KT-1 · T-50 · FA-50 · KC-100 · KUH · K2 · K21 · Guided weapon
424Rendered 3D frames256 bearings and 168 pressure sensors (based on horizontal screen)

This is the site's logo now. Next to the thick black SM is a purple plate cut diagonally, and the three bars extending from the M stop at the diagonal lines of the plate. At the bottom of the plate, ADS was written in white letters.

02 / CHALLENGEstarting point

DWG NO. SM-2013-01smadsco.com/kr · HOMESCALE 1:2

KL@··· | 02-···

pressure sensorUltra-precision bearingsPipeline repair/reinforcementTelemetry System②

announcementdata room③

Quote inquiryDirections④

①One banner940×395px · Illustration combining product and aircraft photos
②Four product boxesPressure sensor · Ultra-precision bearing · Pipeline repair/reinforcement · Telemetry System
③News two columnsNotice · Latest posts in data room
④Two contact detailsQuote inquiry · Directions

This is the current configuration of the first screen (as of October 2026). Below one 940px wide banner, there are four product boxes, two boxes for news, a quote inquiry, and directions.

01
The strongest sentence inside
The statement that it is a major component in KT-1, T-50, FA-50, and K2 is only in the first paragraph of the pressure sensor page. The first screen showed a banner with photos and a list of product lines, so I had to go in again to find out what kind of field this company had been working in.
02
115 data searched only by model name
60 PDFs on the pressure sensor page, 39 PDFs on the bearing page, and 16 PDFs on the piping maintenance page lead to links with the same name, such as “Download PDF.” That's enough for engineers who already know the model name, but for visitors starting out in the application field, there's no way into it.
03
Screen in 2013, zoom blocked
The site is built on WordPress 3.6 from 2013 with a 940px wide home screen. The mobile phone screen settings contain a value (user-scalable=no) that prevents zooming, so some mobile phone browsers do not allow you to use your finger to read small specification text.
04
Address written in two different places
The addresses listed at the bottom of the home screen and on the directions page were different. It appears that only one location was fixed after the office was moved. We needed a structure where the same information could be modified in one place and reflected on all screens.

03 / TWO WAYSBoth

Down from the sky,
up from the part

The story of Saemyung ADS goes between two ends. At one end are aircraft like the KT-1 and T-50, and at the other end are the pressure sensors and bearings that go into them. The two designs tell the same story in opposite directions.

ATARGET LOCKSky → Parts

Aircraft above the clouds
The HUD switches on
Target lock
About us
Exploded bearing
Assembled bearing

BPRECISION FILMPart → Sky

Scattered parts
Exploded view
Assembly
The sky beyond the bore
sky
About the company, over the sky

SKY ↔ PART
Distance between aircraft and parts
The aircraft is over 10 meters long, and the pressure sensor inside it is the size of your fingertip. Saemyung ADS's site had to take visitors between these two sizes.
A · TARGET LOCK
From sky to part
The first design draft starts with an aircraft above the clouds. As you scroll down, the dashboard lights up, locks on to the target, and takes you down to a scene where the bearings are being assembled. Let's start by telling you what this part is for.
B · PRECISION FILM
From part to sky
The second design idea starts with loose bearing parts. Once the parts are assembled and begin to rotate, the camera passes through the hole in the center and goes out into the sky. This is a way to show how precise the part is.
OUR READING
The place where two roads meet
Both designs end up in the same place. This is because Saemyung ADS's job is to select and supply the right parts between manufacturers and flight systems. So, I decided to title this case “Between Parts and Sky.”

04 / IDENTITYlogo and name

Three bars
and a slab cut on a slant

The renewal started with a rereading of the logo. The logo on the site is a small GIF measuring 189px wide and 50px tall. When this picture was enlarged 16 times and redrawn along the pixel boundaries, textures that were not visible at a smaller size were revealed.

LOGO · 189 × 50 PXASSEMBLED

01SM · heavy initials
Saemyung's initials S and M were written in very bold gothic letters. The font color is not pure black, but a slightly bright #191919.
02Three bars · lines running from the M
From the right pillar of M, three 5px high bars extend to the right. The 2px gap between the bars is purple like the plate. We read this bar as a forward speed line.
03Slant · slab cut at 66.7°
The upper left corner of the bora plate is cut diagonally at 66.7° from the horizontal, and the three bars stop at this diagonal line. The section markings on this case page are also drawn along this diagonal line.
04ADS · white letters on the slab
ADS was written in white letters at the bottom of the plate. The purple and white letters on the board have a brightness contrast of 8.1:1, so they are clear even at small sizes.

Original GIF · 8x189×50px. Even the mixed pixels around the edges of the letters are visible.

Logo drawn from the design proposalI quickly drew the design proposal and reduced the plate to a single parallelogram. The three bars disappeared and the purple became brighter.

Vector redrawn according to the originalIn formal production, this vector logo is used while retaining the original bars, diagonal lines, and plate colors.

There were four names written

The site now lists the same company under four different names. Instead of narrowing it down to one, I decided what name to use for each screen.

Saemyung ADS Co., Ltd.Corporation nameContract and quotation
Saemyung ADSKorean screenMenu · Text · Quote inquiry
SAEMYUNG ADSEnglish notationEnglish address/copyright line in footer
SM ADSLogoOnly written as a picture, not written in text

05 / COLORcolor

Night-sky black,
logo violet and contrail orange

Both designs used the sky after sunset as the stage. The background is dark blue, close to black, and on top of it are the purple of the logo, the orange of the horizon, and the silver of the metal parts.

The problem was the color purple in the logo. This purple color, which is clear on a white background, is only 2.4:1 on a dark background, so the logo is buried in the background.

Plate · Dark background2.4:1Failure to reach 3:1 based on image

Background of both proposals
It is a dark blue color close to black, where the film and instrument panel are most clearly visible.
Logo slab · accent on light backgrounds
This is the average value of 1,680 purple pixels in the logo GIF.
Logo slab on dark backgrounds
While maintaining the purple color tone of the logo, I only increased the brightness to match the dark background and white ADS letters.
Violet text on dark backgrounds
When using purple as text, we lighted it one level further so that the small text could be read even on a dark background.
Buttons · key numbers · contrails
This is an accent color taken from the sunset and engine lights. Both designs use the same values.
Metal · secondary text
The bearings and sensor body are silver. It is not used as a button or link color.

CombinationSampleContrastJudgment

Logo Edition · Original PurpleAa#4E4B75 / #07080C2.4:1Not satisfactory · Figure 3:1

Purple revealed in the logo board · designAa#4F54A3 / #07080C2.9:1Not satisfactory · Figure 3:1

Logo version · Dark background versionAa#6461A8 / #07080C3.6:1Pass · Figure 3:1

White ADS on board · Board on dark backgroundAa#FFFFFF / #6461A85.5:1Pass · Text 4.5:1

Purple text · Dark backgroundAa#8F8CE6 / #07080C6.7:1Pass · Text 4.5:1

Orange text · Dark backgroundAa#F2883A / #07080C7.9:1Pass · Letter 4.5:1

Orange text · White backgroundAa#F2883A / #FFFFFF2.5:1Less than 4.5:1

Dark orange letters · White backgroundAa#AD4F14 / #FFFFFF5.3:1Pass · Text 4.5:1

01Orange is only for movement and action.
Orange is used only on buttons, the most important numbers, and lines that move like contrails. The large surface is not covered with orange.
02Purple chooses a pair for each background.
On a light background, the logo purple is used, and on a dark background, light purple is used. For logos on a dark background, only the color of the plate changes to the dark background version.
03The text on the photo is on the dark side.
When placing text on sky photos and render screens, apply a dark gradient below to adhere to the text standard (4.5:1).
04Silver is only available on metal
Titanium silver is used only on parts and auxiliary letters. The silver button doesn't look like it should be pressed on a dark background.

06 / TYPOGRAPHYtypeface

Model numbers
never break apart

The readers of this site are test engineers and purchasing managers. They read model names and numbers before sentences. For both design proposals, Pretendard was used in the title and body, and JetBrains Mono was used in the model name and measurement values.

Pretendard · 800 / 400

Small parts hold up the sky.

Only when the measurements are accurate can the test be completed, and only after the test is completed can the flight begin.

JetBrains Mono · 500

PT-01 101.3 kPa

0123456789 · Ø ± ℃ ℉ kHz

XCQ-062Ultra-small pressure sensor
LL-080Thin linear pressure sensor
APTE-51-1000Pressure sensor for aircraft
CDAU-2010PCM data collection
nGWY-2000Network Gateway
MSSR-2000C-SAHigh-speed camera system

Now siteDesign proposalWhy change

~~-65ºF To 450ºF~~−65 to 450 ℉For negative numbers, use a minus sign instead of a hyphen, and the degree sign is ℉ instead of the ordinal sign º. Write.

~~150KHz~~150 kHzKilohertz is written with a lowercase k, with a space between the number and the unit.

~~Flush Diaphragm~~Flush DiaphragmCorrect the spelling of the specification name with the manufacturer's information.

~~2000ºF (1093ºC)~~2,000 ℉ (1,093 ℃)Insert commas between four digits and use the correct Fahrenheit and Celsius symbols. Write.

−
Negative numbers and range minuses are written with a minus sign (−), not a hyphen (-).
kPa
Units should be separated by one space from the number, but should not be separated from the number even if the line changes.
XCQ-062
The model name should be written in a fixed-width font and grouped together so that lines do not break at hyphens.
KT-1
Model and system names follow the official notation. Used as KT-1, FA-50, KUH.

07 / STRUCTUREinformation structure

Ten pages
into a single flight

The site is currently divided into ten pages under four menus. The two design proposals reorganized the main page into seven scenes that resemble a single flight, and kept the product materials and bulletin board where they are now.

Now · 4 menus, 10 pages

Company IntroductionCompany IntroductionCustomersDirections
Product IntroductionPressure SensorBearingPipeline RepairTelemetry System
Data RoomNew ProductManual/Report
Quote inquiry

Proposal · One main page, seven scenes

01Home PageSky and Parts
02Company Introduction30 Years of Supply
03SystemFrom KT-1 to guided weapons
04Four PartnersKulite · RBC · WRAP · TTC
05Application FieldsFive Industries
06Customers33
07Quote InquiryPlease provide only specifications

Leaving it as isFour product pages and 115 PDFsNotice · New product · Manual/Report bulletin boardCurrent administrator and post address

A second way
into 115 documents

We created a path connecting five application areas and four manufacturers so that visitors who do not know the model name can reach the right product starting from their own industry. Click on the industry name.

KuliteRBCWRAPTTC

08 / PRESSURE LABPressure lab

How pressure
becomes a number

The core of the Kulite pressure sensor is four resistors engraved on a thin silicon film. When pressure bends the membrane, the values of two resistances increase and the values of the other two decrease. A circuit (Wheatstone bridge) that connects four resistors like a bridge converts the difference into a very small voltage.

Apply pressure by moving the bar or pressing the membrane. If you select the wind and engine, the rapidly changing pressure becomes a waveform.

DIE · CROSS SECTIONPress

Pressure 0.0 kPa

output voltage: 0.0 mV
R1·R3 resistance change: +0.00%
R2 · R4 resistance change: −0.00%

OUTPUT · mV100 kPa = 100 mV

The numbers are an example to illustrate the principle (supply voltage 10 V, output 100 mV at 100 kPa). Actual power and range will vary by model. Piezoresistive silicon elements are introduced as Kulite's core technology on the site's pressure sensor page.

09 / MOTIONmotion

Assemble, pass through,
read out

There are four principles of movement: If you turn on “Reduce Motion” on your device, large movements in both designs will stop and all text will be displayed on a fixed screen.

01
Assembly

Scattered parts fall into place according to the scroll. The first design is 3D drawn in real time in the browser, and the second design involves assembling the bearings with pre-rendered film.
02
Pass through

Go through the center hole of the part or the crosshair on the instrument panel and proceed to the next scene. It is a device that connects scenes seamlessly.
03
Readout

Numbers like pressure and progress change like actual moving values, not just decoration. It was made to resemble the screen at the test site.
04
Lock

Like a reticle holding onto a target, important scenes are briefly frozen on the screen, giving you plenty of time to read them.

first design proposal

TARGET LOCKFrom sky to parts

We start with an aircraft above the clouds, and move down to a scene where the instrument panel locks on to the target and real-time 3D bearings are assembled. The four products are presented as horizontally flowing panels, with their applications shown as stacking cards.

The first screen shows the aircraft above the clouds and the instrument panel (HUD) turns on.
A company introduction sentence that becomes brighter word by word
3D bearing disassembly and assembly drawn in the browser
Four horizontally flowing product panels
Five stackable application cards

Pretendard · JetBrains Mono

DIRECTION NOTES

Among the scenes in Proposal A, I chose a moment that I put a lot of effort into directing. Click on the photo to see a larger view of each scene.

The first screen where the instrument panel turns on
As you scroll down, you'll draw a horizon line and speed scale as you approach the aircraft, and finally lock on to your target.
Sentences that become brighter word by word
A sentence containing 30 years of supply history brightens word by word as you scroll.
Real-time 3D bearings
The outer ring, inner ring, balls, and cage are separated and assembled into one.
Products that flow horizontally
Vertical scrolling changes to horizontal movement, passing through four partner panels.

TARGET LOCK PALETTERatio of close pixels for each color in 24 PC screen scenes · Orange is only present in 0.7% of the screen

A · TARGET LOCKIf it came down from the sky as a part

B · PRECISION FILMThrough the hole in the part, back to the sky.

second design proposal

PRECISION FILMFrom parts to sky

Two 3D films, modeled and rendered one by one, rotate as you scroll. After the scattered bearings are assembled, they pass through the hole in the center and go out into the sky, and the four partners are shown in different directions in each chapter.

Bearing Film Sheet 256: From Assembly to Sky
Instrument panel in the sky and company introduction
168 sheets of pressure sensor film and moving kPa readings
Bearing diagram drawn, composite tape wound
Signal path from sensor to ground reception

Pretendard · JetBrains Mono

DIRECTION NOTES

Among the scenes in Proposal B, I chose a moment that I put a lot of effort into directing. Click on the photo to see a larger view of each scene.

The sky beyond the bore
When the assembled bearing begins to rotate, the sky is visible through the center hole, and the camera passes through the hole.
Assembled pressure sensor
As the disassembled sensors come together, the component labels, pressure waves, and kPa readings move together.
drawing with scroll
The outer and inner rings of the bearing, the pitch circle of the ball, and the dimension line are drawn sequentially according to the scroll.
Signal path that turns on
Five columns light up in sequence, from sensor to signal processing, encoder, transmission, and ground reception.

FILM · FRAME BY FRAME

Turn the film by hand

You can flip through the two films in the second design frame by frame. Drag horizontally across the screen or move the bar below.

Scattered outer rings, inner rings, balls, and cages are assembled and passed through the center hole into the sky.

001 / 079

PRECISION FILM PALETTEIn 33 PC screen scenes, the ratio of close pixels for each color · Metal and sunset are slightly wider

10 / PROCESSprocedure

From the first proposal
to the second

I displayed the first design proposal on the screen and looked at it again from start to finish. I saw three things that were disappointing, and the second design started with fixing those three things.

01There was no video
The movement in the first design was all about photography and real-time 3D. In the second design, the bearings and pressure sensor are modeled in 3D and two pieces of film rendered one by one are rotated in accordance with the scroll.
02There was a blank screen after the first screen
After the first scene was finished, there was a black section before the next scene. The second design had the center hole of the bearing leading straight to the sky scene.
03The product looked small
The horizontally flowing product panel had a lot of white space above and below the screen. In the second design proposal, the four partners were changed to chapters that took up the entire screen, and each chapter was presented differently in terms of assembly, drawing, wrapping, and signal path.

Four directions
compared first

To determine the framework of the story, I first compared the four directions with the first screen sketch. Two directions became the design proposal, and the other two directions were not abandoned but moved to the device and data organization method within the design proposal.

HUD
dashboard

The direction is to use the flight test instrument panel screen as the framework of the site. The horizon, grid, and reticle lead the scene.
This was the first design draft.
FILM
3D film

This is a direction where parts are directly modeled and rendered and displayed through a scrolling film.
This is the second design proposal.
DRAWING
design drawings

The direction of technical drawings that draw cross-sections and dimension lines of parts.
Moved into the drawing scene of the RBC chapter
CATALOG
Specification Catalog

The direction of the catalog is to put the model name and specification table first.
Moved to 115 ways to organize product pages and materials

How the two films
were made

The bearings and pressure sensors in the second design are not photos, but frames modeled in 3D and rendered one by one. Because the frame that matches the scroll position is selected and drawn, the parts are assembled at the speed of the visitor.

01modeling
The outer ring, inner ring, ball, cage, sensor body, screw, membrane, and cable were modeled in a general form. It is not a copy of the manufacturer's actual drawing.
02lighting and materials
To bring out the reflection of the metal, the edges were lighted on a dark background, and the cage was painted brass.
03rendering
256 bearings and 168 pressure sensors were rendered separately for the horizontal screen, and half of them were rendered separately for the vertical screen.
04Move to the web
Change the frame to a light picture file, and for scenes where the sky is visible beyond the hole, the position of the hole is recorded for each frame and overlaps with the sky photo.

Four rules
both proposals keep

The two designs have different movements from the first screen, but the four points below remain the same. This is because no matter which design proposal was chosen, the way the site was operated had to be the same.

01Request a quote from anywhere at once
The quote inquiry button in the top menu and the last scene lead to the same place. We put up a notice saying that you only need to tell us the product name and application environment.
02Four partners follow the same framework
It shows the number, manufacturer name, product line, application, and link to the manufacturer's site in the same order.
03Data is not erased
Product pages, 115 PDFs, Notices · New Products · Manual/Report bulletin boards use the current address and administrator.
04to be able to move
On devices with Reduce Motion turned on, the film and 3D will stop and all text will be displayed in a fixed view.

Scenes without photos
were made new

Scenes of aircraft, products, and applications were newly created for this design. The ratio and focus were adjusted for each scene so that Saemyung ADS' actual photos and the manufacturer's product photos could be changed on the same spot once they were decided.

Jet trainer above the clouds · Sky scene in two designs

Pipe wrapped in composite · WRAP chapter

Data acquisition and transmission · TTC chapter

Warship cutting through waves · applications

11 / MOBILEmobile

A flight test
in the palm of your hand

Inquiries for quotations often begin via mobile phone at the test site or on a business trip. For both designs, the scenes were reframed for a 390px screen. The second design imported separately rendered film for the vertical screen and had the parts fill the center of the screen.

Proposal A · Home screen Mobile screen — A · Home screen

Proposal B · Scattered bearing mobile screen — B · Scattered bearings

Proposal A · 3D bearing mobile screen — A · 3D bearing

Proposal A · Product Panel Mobile Screen — A·Product Panel

Proposal B · Pressure sensor mobile screen — B · Pressure sensor

Proposal A · Application Area Mobile Screen — A · Application field

Proposal B · Signal path mobile screen — B · Signal path

COMPAREHow are the two designs different?

Two first screens
for one company

The two designs use the same content and the same colors, but the scene they are presented to the visitor first is different. The first design proposal first shows the site where the company works with an aircraft and instrument panel, and the second design proposal first shows the precision of the parts with a 3D film. Saemyung ADS has organized the differences so you can choose according to the visitors you want to meet first on this site.

SeparationA · TARGET LOCKB · PRECISION FILM

Home screenAircraft and instrument panel on cloudsScattered bearings and assembly film

DirectionFrom sky to partFrom part to sky

3DBearings drawn in real time in the browserTwo pre-rendered films (424 photos)

ProductFour horizontally flowing panelsFour chapters that occupy the entire screen

ApplicationsFive cards stacked on top of each otherPhotos that change while the screen is fixed

Loading amountIt is light as it only accepts photos and 3D codesReceives about 12 MB of film frames from PC and about 3.5 MB from mobile phone

A suitable visitorPurchasing and cooperation personnel who want to quickly understand the companyTesting and design engineers who want to check the precision of the parts

12 / CREDITSFLIGHT TEST CARD · BLUECANVAS WORKS 2026

SAEMYUNG ADS RENEWAL PROPOSAL