HWHiroty Works
ひろてぃのプロフィールアイコン

ひろてぃ

Web・アプリ開発

アイデアを、使いやすいWebサービスに。

WebサイトやWebアプリの設計・開発を行っています。使う人にとって分かりやすく、日々の作業が少し便利になるものづくりを大切にしています。

Style
Simple
Focus
Usability
Build
Web / App

About

ひろてぃについて

大手金融機関・通信事業者の大規模システム開発で培った設計力を活かし、ホームページ制作から予約・顧客管理システム、業務効率化ツールまで幅広く手がけています。

見た目を整えるだけでなく、公開後も無理なく運用できること、セキュリティに配慮されていることを大切にしながら制作します。

また、店舗向けの販促ポップやポスター、イベントの告知画像などのデザイン制作にも対応しています。

ひろてぃについて詳しく見る

分かりやすい設計

目的や利用シーンを整理し、迷わず使える導線と分かりやすい画面構成を考えます。

丁寧なコミュニケーション

専門用語を極力使わず、進め方や判断材料を分かりやすく共有しながら制作します。

運用を考えた開発

公開後の更新や改善がしやすいよう、扱いやすく変更しやすい構成を大切にします。

セキュリティへの配慮

入力内容の確認やアクセス権限など、目に見えない部分のセキュリティにも配慮して実装します。

Services

できること

Webサイトや業務ツール、ポスター・販促物のデザインまで、目的に合わせて対応します。まずは必要な範囲から、無理なく始められる形を一緒に考えます。

Webサイト制作

コーポレートサイト、サービス紹介サイト、個人サイト、ランディングページなどを制作します。

Webアプリ開発

業務用ツール、管理画面、予約・検索機能など、目的に合わせたWebアプリを開発します。

業務効率化・自動化

繰り返し作業やデータ処理など、日常業務を効率化するための仕組みを提案・開発します。GASは対応手段の一つとして扱います。

既存サイトの改善

表示崩れ、スマートフォン対応、速度改善、使いにくい箇所の修正などに対応します。

運用・更新サポート

公開後の文章や画像の差し替え、軽微な修正、機能追加など、継続的な更新や改善にも対応します。

ポスター・販促物デザイン

店舗向けのPOPやポスター、イベントの告知画像など、伝えたい内容が分かりやすく届くデザインを制作します。

Works

制作実績

これまでに制作したWebサイトやWebアプリ、業務ツール、販促物などをご紹介します。目的や工夫した点、使用した技術とあわせてご覧いただけます。

業務管理Webアプリ

日々の入力、検索、確認作業をひとつの画面で扱いやすくする管理ツールです。

  • Next.js
  • TypeScript
  • Database
詳しく見る
コーポレートサイトの制作実績

コーポレートサイト

サービス内容と問い合わせ導線を整理し、スマートフォンでも読みやすく伝えるWebサイトです。

  • React
  • Tailwind CSS
  • SEO
詳しく見る

データ整理・自動化ツール

手作業の転記や集計を減らし、確認しやすい形へ整える小さな業務効率化ツールです。

  • Node.js
  • API
  • Automation
詳しく見る

Skills

技術・ツール

必要なものを組み合わせ、作る目的に合う構成を選びます。

Frontend

  • Next.js
  • TypeScript
  • React
  • JavaScript
  • Tailwind CSS
  • HTML
  • CSS
  • WordPress

Backend / Data

  • Node.js
  • Supabase
  • PostgreSQL
  • REST API
  • Authentication
  • Database Design

Tools / Automation

  • Git
  • GitHub
  • Vercel
  • Resend
  • Google Apps Script
  • Google Sheets
  • AppSheet
  • AppSheet Automation

Process

開発の進め方

相談しやすく、確認しながら進められるよう、段階を分けて制作します。

  1. 01

    ヒアリング

    目的、困っていること、公開後の使い方を整理します。

  2. 02

    設計・ご提案

    必要な機能やページ構成をまとめ、無理のない進め方をご提案します。

  3. 03

    制作・開発

    画面と機能を形にし、使いやすさとセキュリティの両方を確認しながら進めます。

  4. 04

    確認・公開

    表示や動作を確認し、更新や改善がしやすく安心して使い続けられる形に整えます。

Contact

お問い合わせ

作りたいものやお困りごとが曖昧な段階でも問題ありません。お気軽にお問合せください。

まずは小さな相談から

お話を伺いながら目的や必要な機能、進め方を整理してご提案します。公開後の更新や改善も見据えて対応します。