Engineering &
Creative Studio

A professional creative studio based in Shimonoseki, Yamaguchi, that fuses engineering and creativeto give shape to your ideals.

About Us

UTAGE.WORKS is a creative studio based in Shimonoseki, Yamaguchi, that leverages expertise in both Web design and front-end engineering to handle everything from planning to implementation with high fidelity.

From design in Figma and implementation with TypeScript/React, to video editing and 3DCG. By crossing boundaries without being confined to just "design only" or "development only," we provide consistent quality and speed. We commit deeply to products and provide solid problem-solving.

15+ years
Experience
100%
Commitment
Modern
Modern Tech Stack
Creative
Creative Design

Services

Web Development

Handled consistently from planning to implementation. We provide semantic and highly maintainable code using modern technologies such as React and TypeScript.

UI/UX Design

Using Figma/XD, we propose designs that are "easy to implement and use" from an engineer's perspective. Because of our end-to-end process, we can accurately shape the design intent.

Creative Content

From video production (Premiere/AfterEffects) and 3DCG (Blender/Unity) to still photography. We comprehensively cover visual production that adds depth to websites.

Tech Stack & Expertise

HTML CSS Sass BEM JavaScript TypeScript Node.js React.js Next.js Astro.js Git Figma Adobe XD Photoshop Illustrator Premiere Pro After Effects DaVinci Resolve Blender Unity Camera Shooting

Fusion of Design and Engineering

We understand the designer's intent to the pixel and perform optimal implementation as an engineer. This end-to-end system achieves overwhelming quality.

Multifaceted Visual Approach

In addition to web production, we handle video editing, 3DCG, and live-action filming. You can consistently communicate your brand image across all channels.

Flexible Development and Collaboration

We use Git for version control and have extensive experience as external collaborator engineers for advertising agencies and in-house service development teams.

Insatiable Exploration of New Technologies

By constantly incorporating new technologies such as Unity and Blender, we promise to provide a user experience that is one step ahead.

Process

Step 01

Hearing

We carefully listen to the project objectives, current challenges, and ideal vision. We value dialogue that uncovers potential needs, going beyond simple fact-gathering.

Step 02

Planning

Based on the discovery, we propose the optimal technology stack, design direction, and information architecture. We formulate highly feasible plans from both engineering and creative perspectives.

Step 03

Production

We bring concepts to life through design and engineering, either in parallel or in close collaboration. We build precise designs using Figma and robust code with excellent performance.

Step 04

Verification

You will check the completed product in an actual environment, and we will brush it up based on detailed feedback. Verification of accessibility and display speed is also thoroughly conducted at this stage.

Step 05

Delivery

After all adjustments are complete, we deploy to the production environment and launch. Even after launch, we provide continuous support tailored to product growth, such as operational support and feature additions.

Works

React.js TypeScript UI/UX Design

Best Teacher

Responsible for application design and front-end development of the online English conversation service "Best Teacher". In a modern development environment using React.js / TypeScript, we handled robust CSS design using BEM and intuitive UI implementation end-to-end.

Filming Editing Motion

Builderscon 2018 Opening Movie

Produced the opening movie for "builderscon tokyo 2018", one of Japan's largest technical conferences. Handled everything from filming, editing, color grading, to production progress, visualizing the enthusiasm of engineers.

Mentoring Prototyping Community

Degicon Shimonoseki

Participated as an IT technical supporter in a contest (Degicon) where university students solve local issues with digital technology as part of the Shimonoseki City Smart City Initiative. We strongly back up the process of shaping students' ideas from a technical perspective, such as technology selection, prototype development, and UI/UX design.

Company

Company Name
UTAGE.WORKS LLC
Representative
CEO Kotaro Kawashima
E-Mail
Phone
Location
uzuhouse 4F, 7-8 Amidaiji-cho, Shimonoseki-shi, Yamaguchi 750-0003, Japan
Established
October 1, 2020
Capital
1,000,000 JPY
Business Description
  • Design, development, sale, rental, and maintenance of computer software and related consulting
  • Planning, development, maintenance, and operation of web systems and computer programs
  • Planning and production of graphic design, CI (Corporate Identity), logotypes, and web design
  • Planning, production, and sale of printed materials such as posters, calendars, and brochures
  • Planning and operation of various seminars and events
  • Planning, development, production, distribution, operation, and sale of internet content
  • Planning, formulation, and implementation of PR activities and related agency services
  • Planning, research, and consulting related to marketing
  • All businesses incidental or related to the preceding items

Let's create something together.

Please feel free to contact us for new projects, collaboration proposals, or any other inquiries. Providing your budget and desired delivery date in advance will help us make a smoother proposal.