Studio-Ryu, LLC.
UI/UX Design / Development
New Media Development
Graphic Art / Design &
Illustration

Thursday, April 3rd, 2025

Studio-Ryu, LLC.
UI/UX Design / Development
New Media Development
Graphic Art / Design &
Illustration

Thursday, April 3rd, 2025

....::: Contact :::....

It looks like you are viewing my site on a mobile-device...
Why not give me a call?
612-607-3291

*

*

*



ajax loader

x

......::::: Portfolio: Web Design :::::.....

Daikin Applied OITS (Operational Interface Touch Screen) GUI

Daikin Applied OITS (Operational Interface Touch Screen) GUI image
Daikin Applied OITS (Operational Interface Touch Screen) GUI
click to view

Daikin Applied OITS (Operational Interface Touch Screen) GUI

Client: Daikin Applied

Credits: Art & Design by Rudy Rogers

Tools: Photoshop, Illustrator, jQuery, HTML, SASS/CSS, ChartJS

.....................................

Daikin Applied Europe OITS (Operational Interface Touch Screen) GUI

Daikin Applied Europe OITS (Operational Interface Touch Screen) GUI image
Daikin Applied Europe OITS (Operational Interface Touch Screen) GUI
click to view

Daikin Applied Europe OITS (Operational Interface Touch Screen) GUI

Client: Daikin Applied (Europe)

Credits: Art & Design by Rudy Rogers

Tools: Photoshop, Illustrator, jQuery, HTML, SASS/CSS, ChartJS

.....................................

Daikin Intelligent Systems Online Style Guide

Daikin Intelligent Systems Online Style Guide image
Daikin Intelligent Systems Online Style Guide
click to view

Daikin Intelligent Systems Online Style Guide

Client: Daikin Applied Americas

Credits: Art, Design & Programming by Rudy Rogers & Zack O.

Tools: Angular, jQuery, HTML, CSS

URL: https://xd.adobe.com/view/d41d253d-c1a7-448f-958a-cab2f274c852-814e/?fullscreen

.....................................

Daikin The Internet of Things Dashboard Template

Daikin The Internet of Things Dashboard Template image
Daikin The Internet of Things Dashboard Template
click to view

Daikin The Internet of Things Dashboard Template

Client: Daikin Applied Americas

Credits: Art, Design & Programming by Rudy Rogers

Tools: jQuery, HTML, CSS

.....................................

Daikin Intelligent Systems Building Unit Assignment UI Pattern

Daikin Intelligent Systems Building Unit Assignment UI Pattern image
Daikin Intelligent Systems Building Unit Assignment UI Pattern
click to view

Daikin Intelligent Systems Building Unit Assignment UI Pattern

Client: Daikin Applied Americas

Credits: Art, Design & Programming by Rudy Rogers

Tools: jQuery, HTML, CSS

.....................................

Daikin Chiller Configuration Web-App SPA

Daikin Chiller Configuration Web-App SPA image
Daikin Chiller Configuration Web-App SPA
click to view

Daikin Chiller Configuration Web-App SPA

Client: Daikin Applied Americas

Credits: Art, Design & Programming by Rudy Rogers & Zack O.

Tools: Adobe Animate, Angular, jQuery, HTML, CSS

.....................................

Studio-Ryu React/Firebase Expense App 1.0 (A Case Study)

Studio-Ryu React/Firebase Expense App 1.0 (A Case Study) image
Studio-Ryu React/Firebase Expense App 1.0 (A Case Study)
click to view

Studio-Ryu React/Firebase Expense App 1.0 (A Case Study)

Client: Self - Case Study

Features:

  • Google Firestore Cloud-based database storage
  • Google Firebase Authentication service
  • Responsive design
  • Custom 404 page.

Credits: Design & Programming by Rudy Rogers

Tools: React, Google Firebase, Google Firestore, ECMAScript 6 (ES6), Bootstrap, HTML5, CSS3

URL: https://youtu.be/H3FNJyGsjZQ?feature=shared

About:
A simple React application for an expense tracker. That utilizes Google's Firebase for authentication, and Google's Firestore for information storage. This app also leverages Bootstrap for UI design and responsiveness.
Read more about this project >>
.....................................

Studio-Ryu Vue3 Reaction Time Game App (A Case Study)

Studio-Ryu Vue3 Reaction Time Game App (A Case Study)  image
Studio-Ryu Vue3 Reaction Time Game App (A Case Study)
click to view

Studio-Ryu Vue3 Reaction Time Game App (A Case Study)

Client: Self - Case Study

Features:

  • Composable (global) dynamic iconography.

Credits: Design & Programming by Rudy Rogers

Tools: Vue3, JavaScript, HTML5, SASS/CSS3, Bootstrap

URL: https://youtu.be/8NJ9_9rv_jc?feature=shared

About:
Here I am exploring the use of Vue3's Composition API and Properties (Props) implementation via working on a click reaction time Single Page Application (SPA). I have a strong motion-graphics and animation background so I hope to improve this little app with some animations with the icons.
Read more about this project >>
.....................................

Studio-Ryu Vue3 Teleported Modals (A Case Study)

Studio-Ryu Vue3 Teleported Modals (A Case Study) image
Studio-Ryu Vue3 Teleported Modals (A Case Study)
click to view

Studio-Ryu Vue3 Teleported Modals (A Case Study)

Client: Self - Case Study

Features:

  • Composable (global) dynamic modal elements and buttons.

Credits: Design & Programming by Rudy Rogers

Tools: Vue3, JavaScript, HTML5, SASS/CSS3, Bootstrap

URL: https://youtu.be/8NJ9_9rv_jc?feature=shared

About:
Exploring Vue.js3's new teleport functionality by creating custom modals that are injected ("teleported") programmatically into the DOM Tree.
Read more about this project >>
.....................................

Studio-Ryu Vue3 Project Planner SPA w/ CRUD Functionality (A Case Study

Studio-Ryu Vue3 Project Planner SPA w/ CRUD Functionality (A Case Study image
Studio-Ryu Vue3 Project Planner SPA w/ CRUD Functionality (A Case Study
click to view

Studio-Ryu Vue3 Project Planner SPA w/ CRUD Functionality (A Case Study

Client: Self - Case Study

Credits: Design & Programming by Rudy Rogers

Tools: Vue3, JavaScript, HTML5, SASS/CSS3, Bootstrap

URL: https://youtu.be/EZKjoNwFNNQ?si=FOPtejr1snRhoi5N

About:
Tinkering around with creating a single-page application (SPA) using the VueJs router with Create, Read, Update, and Delete (CRUD) functionalities.
Read more about this project >>
.....................................

I'm Kitchin' Witchin' a Bi-lingual Japanese Foodie Web Site

I'm Kitchin' Witchin' a Bi-lingual Japanese Foodie Web Site image
I'm Kitchin' Witchin' a Bi-lingual Japanese Foodie Web Site
click to view

I'm Kitchin' Witchin' a Bi-lingual Japanese Foodie Web Site

Client: Self & Y. Nakajima

Features:

  • Bi-lingual (English/Japanese)
  • PHP & MySQL powered CMS

Credits: Design & Code by Rudy Rogers

Tools: PHP & MySQL, HTML, CSS, jQuery, Photoshop

URL: www.ImkitchinWitchin.com

About:
A bi-lingual (English/Japanese) responsive website. Built with PHP & MySQL, and powered by a home-grown CMS
Read more about this project >>
.....................................

The Urban-Aboriginal Web Site

The Urban-Aboriginal Web Site image
The Urban-Aboriginal Web Site
click to view

The Urban-Aboriginal Web Site

Client: Self

Credits: Design & Code by Rudy Rogers

Tools: Quicktime, Angular (store), PHP, jQuery, HTML, CSS

URL: www.TheUrbanAbo.com

.....................................

AngularJS Expense Tracker SPA

AngularJS Expense Tracker SPA image
AngularJS Expense Tracker SPA
click to view

AngularJS Expense Tracker SPA

Client: Self-study

Features:

  • Powered by Google Firestore

Credits: Programming by Rudy Rogers

Tools: AngularJS, Bootstrap

URL: http://www.studioryu.com/angularjs/#/

About:
A self-studio on making an Expense Tracker single-page application using AngularJS
Read more about this project >>
.....................................

Angular FAQ App (Angular 2+) SPA

Angular FAQ App (Angular 2+) SPA image
Angular FAQ App (Angular 2+) SPA
click to view

Angular FAQ App (Angular 2+) SPA

Client: Self-study

Credits: Programming by Rudy Rogers

Tools: Angular 2+, Bootstrap

URL: https://studioryu.com/angular/faqapp/

About:
A self-studio on making a frequently asked questions single-page application using Angular 2+.
Read more about this project >>
.....................................

AngularJS To-Do App SPA

AngularJS To-Do App SPA image
AngularJS To-Do App SPA
click to view

AngularJS To-Do App SPA

Client: Self-study

Features:

Credits: Programming by Rudy Rogers

Tools: AngularJS, Bootstrap

URL: http://www.studioryu.com/angularjs/todoapp.html

About:
A self-study on making a To-Do single-page application using AngularJS
Read more about this project >>
.....................................

Client Panel Dashboard (Angular 2+) SPA

Client Panel Dashboard (Angular 2+) SPA image
Client Panel Dashboard (Angular 2+) SPA
click to view

Client Panel Dashboard (Angular 2+) SPA

Client: Self-study

Features:

  • Powered by Google Firestore

Credits: Programming by Rudy Rogers

Tools: Angular 2+, Bootstrap

URL: http://studioryu.com/angular_clientpanel/

About:
A self-studio on making a freelance client login single-page application using Angular 2+. This is a display SPA only. No data will be submitted.

UN: specialguest@visit.com
PW: 123456
Read more about this project >>
.....................................

Medica's Medmember Portal

Medica's Medmember Portal image
Medica's Medmember Portal
click to view

Medica's Medmember Portal

Client: Medica

Credits: Code by Rudy Rogers, Design by C. Walberg

Tools: Photoshop, Illustrator, HTML5/CSS3, JQuery, SVGs (custom css-based icons)

URL: http://www.studioryu.com/work/medica/medicamember/

.....................................

Eniva Resvante

Eniva Resvante image
Eniva Resvante
click to view

Eniva Resvante

Client: Eniva Corporation

Credits: Site Design by Ann Bertsch & code by Rudy Rogers

Tools: Photoshop, Illustrator, HTML5, CSS3, PHP/MySQL, Flash Video

URL: https://www.studioryu.com/_eniva/resvante/res_home.php

.....................................

Accentus-Ludus

Accentus-Ludus image
Accentus-Ludus
click to view

Accentus-Ludus

Client: Accentus-Ludus, LLC

Features:

  • Responsive design; desktop to mobile
  • jQuery-UI Tabular content navigation
  • CSS-based UX effects & functionality
  • PHP/MySQL driven dynamic site with custom-built CMS
  • WordPress links and WordPress driven navigation and content

Credits: Site Design by DigiSlate.com & code by Rudy Rogers

Tools: Photoshop, Illustrator, HTML5, CSS3 & CSS3 media-queries, jQuery/jQuery-UI, WordPress, PHP/MySQL

About:



Read more about this project >>
.....................................

The BARBRI Group Nexgen Site

The BARBRI Group Nexgen Site image
The BARBRI Group Nexgen Site
click to view

The BARBRI Group Nexgen Site

Client: The BARBRI Group

Features:

  • Kendo-Grid
  • Kendo-calendar
  • and Kendo-Graphs implementation.

Credits: Design/UX by Jeff Kirkwold, Code/Mark-up/UI-Dev by Rudy Rogers

Tools: Kendo-UI, Iconic UI-Icon Framework, HTML5, CSS3, jQuery & Javascript

.....................................

AmeriPride Mobile Site

AmeriPride Mobile Site image
AmeriPride Mobile Site
click to view

AmeriPride Mobile Site

Client: AmeriPride

Features:

  • Responsive design; desktop to mobile

Credits: Design by third-party design firm & code by Rudy Rogers

Tools: Photoshop, Illustrator, HTML5, CSS3 & CSS3 media-queries

.....................................

General Mills eProducts

General Mills eProducts image
General Mills eProducts
click to view

General Mills eProducts

Client: General Mills Inc.

Features:

  • JS-based Modal Windows
  • CSS-based UX effects & functionality
  • custom animated logo

Credits: Design, Code, and Logo by Rudy Rogers

Tools: AngularJS, Bootstrap, Multi-Select JS, jQuery, CSS3, HTML5, Animatron (CSS-Based animation tool for custom logo), & third-party JS-based frameworks for IE8 UI compliance

URL: www.studioryu.com/_generalmills_eproducts/

.....................................

CentriKdesign

CentriKdesign image
CentriKdesign
click to view

CentriKdesign

Client: Kim White

Credits: Developed by Rudy Rogers

Tools: HTML & CSS, PHP/MySQL, Photoshop

URL: www.centriKdesign.com

.....................................

Minnesota West-Coast Swing-Dance Club Site

Minnesota West-Coast Swing-Dance Club Site image
Minnesota West-Coast Swing-Dance Club Site
click to view

Minnesota West-Coast Swing-Dance Club Site

Client: Dorothy Jones

Credits: Design & Code by Rudy Rogers

Tools: HTML & CSS, Javascript, PHP/MySql, Quicktime, Photoshop, Illustrator

URL: www.MNWestCoastSwingDanceClub.com/

.....................................

Hartely Properties

Hartely Properties image
Hartely Properties
click to view

Hartely Properties

Client: Bret Hartley

Credits: Design & Code by Rudy Rogers

Tools: HTML/DHTML & CSS, Javascript, Photoshop, Illustrator

URL: www.HartleyProperties.com/

.....................................

Protolabs Promotional Landing-Pages

Protolabs Promotional Landing-Pages image
Protolabs Promotional Landing-Pages
click to view

Protolabs Promotional Landing-Pages

Client: Protolabs Inc.

Features:

  • CSS3 @Font-Face Rule usage
  • HTML5 form element inline validation

Credits: Design by Brenda Halvorson, Code by Rudy Rogers

Tools: HTML5 & CSS3, Javascript & jQuery, Photoshop

URL: http://www.studioryu.com/_protolabs/pm-prototype7.html

.....................................

Protomold Landing Page with HTML5 Form

Protomold Landing Page with HTML5 Form image
Protomold Landing Page with HTML5 Form
click to view

Protomold Landing Page with HTML5 Form

Client: Protolabs Inc.

Features:

  • CSS3 @Font-Face Rule usage
  • HTML5 form element inline validation

Credits: Design by Brenda Halvorson, Code by Rudy Rogers

Tools: HTML5 & CSS3, Javascript & jQuery, Photoshop

URL: http://www.studioryu.com/_protolabs/pm-thixo.html

.....................................

Protolabs Responsive Promotional Landing-Page

Protolabs Responsive Promotional Landing-Page image
Protolabs Responsive Promotional Landing-Page
click to view

Protolabs Responsive Promotional Landing-Page

Client: Protolabs Inc.

Features:

  • Responsive design to smartphone
  • CSS3 @Font-Face Rule usage
  • HTML5 form element inline validation

Credits: Design by Stephanie Thoe, Code by Rudy Rogers

Tools: HTML5 & CSS3, Javascript & jQuery, Photoshop

URL: http://www.studioryu.com/_protolabs/LP_RegistrationPg.html

.....................................

Protomold Landing Page

Protomold Landing Page image
Protomold Landing Page
click to view

Protomold Landing Page

Client: Protolabs Inc.

Features:

  • CSS3 @Font-Face Rule usage

Credits: Design by Stepahnie Thoe, Code by Rudy Rogers

Tools: HTML5 & CSS3, Photoshop

URL: www.studioryu.com/_protolabs/Ppclanding6_pm.html

.....................................

Language Sprout eCommerce Site

Language Sprout eCommerce Site image
Language Sprout eCommerce Site
click to view

Language Sprout eCommerce Site

Client: Rebecca Peres, Proprietor

Features:

  • Custom database-driven shopping cart
  • and inventory admin section
  • SSL & Gateway Connection for online transactions
  • Dynamic content fed from administrative backend
  • Email catcher & Newsletter engine
  • Email catcher
  • Exclusive login area for parents and shoppers
  • Newsletter engine
  • Downloadable fonts
  • Dynamic Gallery

Credits: Design & Code by Rudy Rogers

Tools: PHP & MySQL, OddCast Site-Pal technology, HTML, CSS, Javascript, Photoshop, Illustrator

URL: www.studioryu.com/_languagesprout

About:

Language Sprout Learning Center (LSLC) is the brainchild of my client Rebecca Peres. Rebecca owns and operates The Twin Cities area brick-and-mortar LSLC that is a pre-school through junior high language school. LSLC specializes in teaching Chinese, Arabic, Russian, French, Spanish, and others.

LanguageSprout.com was created as a resource for parents to gain information about her school as well as to be able to enroll their children in her programs.

Read more about this project >>
.....................................

Eniva V!BE Freetrial Micro-Site

Eniva V!BE Freetrial Micro-Site image
Eniva V!BE Freetrial Micro-Site
click to view

Eniva V!BE Freetrial Micro-Site

Client: Eniva Corporation

Features:

  • Embedded video

Credits: Design by Ann Bertsch Code by Rudy Rogers

Tools: HTML & CSS, Photoshop, Illustrator

URL: www.studioryu.com/_eniva_vibe%20freetrial/

.....................................

Cutting Edge Combative Systems Micro-Site

Cutting Edge Combative Systems Micro-Site image
Cutting Edge Combative Systems Micro-Site
click to view

Cutting Edge Combative Systems Micro-Site

Client: Guro Peter Kwong

Features:

  • Basic Paypal.com API usage
  • Embedded video intro

Credits: Design & Code by Rudy Rogers

Tools: HTML & CSS, PHP, Javascript, Photoshop, Illustrator

URL: www.CuttingEdgeCombativeSystems.com

.....................................

MultiCulturalMartialArts.net (Site Proposal)

MultiCulturalMartialArts.net (Site Proposal) image
MultiCulturalMartialArts.net (Site Proposal)
click to view

MultiCulturalMartialArts.net (Site Proposal)

Client: MCMA- UK (Defunct)

Credits: Design & Code by Rudy Rogers

Tools: PHP & MySQL, Photoshop, Illustrator

.....................................

Minnesota Martial Arts Academy

Minnesota Martial Arts Academy image
Minnesota Martial Arts Academy
click to view

Minnesota Martial Arts Academy

Client: Minnesota Martial Arts Academy - Brooklyn Ctr, MN

Features:

  • Dynamic content fed from administrative backend
  • Email catcher & Newsletter engine

Credits: Design & Code by Rudy Rogers

Tools: PHP & MySQL, HTML, CSS, Javascript, Flash, Photoshop

URL: www.MMAACombatZone.com

.....................................

Edison High School House 4 (Site Proposal)

Edison High School House 4 (Site Proposal) image
Edison High School House 4 (Site Proposal)
click to view

Edison High School House 4 (Site Proposal)

Client: Priscilla Havens, Educator Edison High Sch. - Mpls, MN

Features:

  • Dynamic content fed from administrative backend

  • Exclusive login area for teachers
  • students
  • & parents

Credits: Design & Code by Rudy Rogers

Tools: PHP & MySQl, HTML, Photoshop, Illustrator

URL: www.studioryu.com/_edisonhouse4/

About:

The now defunct Edison High School House-4 design was commissioned by my wife for potential use by faculty, students, and parents this Minneapolis Public School. At the time the staff was divided into units called "Houses" her house was House-4. They were part of the ESL program at Edison.

The goal of this site was to provide a gateway for users to access and track both assignments, and progress. Teachers would have been able to log into an administrative section to log lesson plans, assignments, and individual student progress. Students would have been able to log in to review class and project requirements, as well as project specifications, and their own progress for the class. Parents would be able to log in to look up their student's progress reports, as well as assignments, and to commune with educators.

The teachers were enthusiastic and helpful in its development. However, through lack of funding and the change from "Houses" to SLCs (Small Learning Communities), the site was never completed.

To checkout this site click the link below and click on the the teacher named Ms. Havens.

Read more about this project >>
.....................................

Weavewood (Site Proposal)

Weavewood (Site Proposal) image
Weavewood (Site Proposal)
click to view

Weavewood (Site Proposal)

Client: Gail Thompson, CEO Weavwood Inc. 2000

Credits: Design & Code by Rudy Rogers

Tools: Flash, Photoshop

.....................................

Chaska Martial Arts & Fitness (Site Proposal)

Chaska Martial Arts & Fitness (Site Proposal) image
Chaska Martial Arts & Fitness (Site Proposal)
click to view

Chaska Martial Arts & Fitness (Site Proposal)

Client: Jon Baklund, Owner - JB Int'l - Chaska, MN

Credits: Design & code by Rudy Rogers

Tools: Macromedi Director, Photoshop, Freehand

.....................................

Masters Online

Masters Online image
Masters Online
click to view

Masters Online

Client: 21st Century Learning - Scottsdale, AZ

Credits: Design by Rudy Rogers

Tools: Microsoft FrontPage, Flash, HTML, Javascript, PhotoShop, Illustrator

URL: www.studioryu.com/_mol_website/default.htm

About:

The now defunct MastersOnline.com was the spearhead site for the Arizona-based company 21st Century Learning. I was commissioned to redesign a site that was bought by the company to provide general, as well as enrollment information for educators to receive their Masters Degree through the site's various programs online.

This was my first and last experience with Microsoft's Front Page. The previous site and its information were created in FrontPage and part of my job was t-tangle and reorganize the then current and relevant information into something cleaner and more market precise. This site featured an opening Flash piece to build anticipation for what the company had to offer.

Working with people at 21st Century Learning was one of the best opportunities I have had.

Read more about this project >>
.....................................

Jake O'Connor's Public House (Design Proposal)

Jake O'Connor's Public House (Design Proposal) image
Jake O'Connor's Public House (Design Proposal)
click to view

Jake O'Connor's Public House (Design Proposal)

Client: Dermot Cowley, Proprietor - Excelsior, MN

URL: www.JakeOConnors.com/dev/jos_newSite

.....................................

Language Sprout Learning Center

Language Sprout Learning Center image
Language Sprout Learning Center
click to view

Language Sprout Learning Center

Client: Rebecca Peres, Proprietor

Features:

  • Dynamic content fed from administrative backend

  • Email catcher
  • Exclusive login area for parents
  • Newsletter engine
  • Downloadable fonts
  • Dynamic Gallery

Credits: Design & Code by Rudy Rogers

Tools: PHP & MySQL, OddCast Site-Pal technology, HTML, CSS, Javascript, Photoshop, Illustrator

URL: www.LanguageSprout.com

About:

Language Sprout Learning Center (LSLC) is the brainchild of my client Rebecca Peres. Rebecca owns and operates The Twin Cities area brick-and-mortar LSLC that is a pre-school through junior high language school. LSLC specializes in teaching Chinese, Arabic, Russian, French, Spanish, and others.

LanguageSprout.com was created as a resource for parents to gain information about her school as well as to be able to enroll their children in her programs. This was a great opportunity for me to learn and integrate OddCast's interactive Flash-based animated talking avatar technology called Site-Pals. I was able to program the Site-Pal to be a virtual tutor in Spanish for the site's ParentZone.

The LSLC ParentZone is an exclusive area of the site where a parent can view lesson plans, check progress, print out dynamically created language flash cards, and gain help with pronunciation of vocabulary words in progressive lesson plans through the sites virtual tutor. This site is a lot of fun to work on and has endless potential.

Read more about this project >>
.....................................

Sayoc Kali Minnesota

Sayoc Kali Minnesota image
Sayoc Kali Minnesota
click to view

Sayoc Kali Minnesota

Client: Guro Mike O'Melia

Features:

  • Responsive to print and mobile devices
  • Dynamic content fed from administrative back-end
  • Dynamic Gallery

Credits: Design & Code by Rudy Rogers

Tools: HTML5 & CSS3 w/ SASS css compiler, PHP & MySQL, Javascript & jQuery, Photoshop

URL: www.Sayoc-MN.com

About:

Sayoc-MN.com is a martial art-related web site that I created using HTML5 and CSS3. Its primary use is as a vehicle to communicate times and dates of monthly training gatherings or seminars.

Read more about this project >>
.....................................

One Great Limosine

One Great Limosine image
One Great Limosine
click to view

One Great Limosine

Client: Noam Kaufman, Proprietor

Features:

  • Dynamic content fed from administrative backend

  • Custom online reservation engine

Credits: Design & code by Rudy Rogers

Tools: PHP & MySQL, HTML, CSS, Photoshop

URL: www.OneGreatLimo.com

.....................................

GT Urological (ActiCuf)

GT Urological (ActiCuf) image
GT Urological (ActiCuf)
click to view

GT Urological (ActiCuf)

Client: GTUrological - MPLS, MN

Credits: Design & Code by Rudy Rogers
Media & content by GTUrological

Tools: PHP & MySQL, HTML, Photoshop

URL: www.ActiCuf.com

About:

ActiCuf.com is an informational site for the breakthrough ActiCuf TM Compression pouch that is a disposable undetectable pouch designed to help men treat and manage light to moderate urinary incontinence.

The project was sub-contracted to me from ACI Integrations a now defunct IT firm. I was commissioned to create the look and feel (the "Skin" if you will excuse the expression) for their client GTUrological. ACI provided the hard-core programming and database management.

Clearly, the client wanted a clean, medical looking site to be the gateway of information for their product. This was a short fun project, which allowed me to only worry about PHP integration with my layout and HTML.

Read more about this project >>
.....................................

Jake O'Connor's Public House

Jake O'Connor's Public House image
Jake O'Connor's Public House
click to view

Jake O'Connor's Public House

Client: Dermot Cowley, Proprietor

Features:

  • Dynamic content fed from administrative backend
  • Flash Animated home page Logo
  • Email catcher & Newsletter engine
  • Downloadable wallpaper
  • Downloadable Aim Icons
  • Dynamic Gallery

Credits: Design & Code by Rudy Rogers

Tools: PHP & MySQL, Flash, HTML, CSS, Photoshop, Ilustrator

URL: www.JakeOConnors.com

About:
Jake O'Connor's Public House is an upscale addition from proprietor Dermot Cowley to the Twin Cities' world-class hospitality scene.

This Public House is all a buzz with the hip locals of Excelsior Bay Minnesota. Jake O'Connor's features authentic Irish cuisine, an extensive wine list, live music, and custom made imported interior design right from the Emerald Isle herself.

This site features many of the same amenities that its sister ODonovans.com has except for the quirky top hat-wearing loon logo crest (ceated by a third-party firm) that I animated using Flash.
Read more about this project >>
.....................................

Kali/JKD Univeristy Online

Kali/JKD Univeristy Online image
Kali/JKD Univeristy Online
click to view

Kali/JKD Univeristy Online

Client: Self

Features:

  • Dynamic content fed from administrative backend

  • Quicktime-based instructional videos
  • Members' login area
  • Downloads

Credits: Design & Code by Rudy Rogers

Tools: PHP & MySQL, Quicktime, HTML, Javascript

URL: www.KaliJKDUniversity.com

About:

Kali/JKD University Online is my attempt at merging both of my major skill sets; martial arts and graphic design. The premise of this site is to create an online educational resource for people interested in eclectic martial arts, particularly the late Bruce Lee's art JKD (Jeet Kune Do), Filipino Martial Arts, Indonesian Martial Arts, the Thai Martial Arts, and others.

This eCommerce site has been largely successful because it has a niche market and is one of the first of its kind using small QuickTime movies to demonstrate individual techniques. This site uses a third-party credit card processor CCBill.com to provide subscription-based memberships.

Read more about this project >>
.....................................

Nomadic Island Adventures

Nomadic Island Adventures image
Nomadic Island Adventures
click to view

Nomadic Island Adventures

Client: George Larsen & Vanessa Herbst

Features:

  • Dynamic content fed from administrative back end
  • Interactive Flash banner pictures
  • Dynamic Flash-based MP3 player
  • Dynamic Gallery

Credits: Design & Code by Rudy Rogers

Tools: PHP & MySQL, Flash, HTML, CSS, Javascript

URL: www.NomadicIslandAdventures.com

About:
I was commissioned to create this site by my long-time friends and colleagues George Larson and Vanessa Herbst. This was a fun and interesting project not because I had cart blanche to design, but they have a unique lifestyle and business they wanted to express through a web site. Half of the year they spend inland the other half they head out to on the high seas of the Virgin Islands on their 32-foot boat named the Eilean Donan. Artists have been able to recapture their muses, and couples have tied the knot in exotic tropical getaways using their services.

They wanted a general informational site that showed pictures of the Eilean Donan, and contained a gallery of destinations in the Virgin Islands. The masthead picture on the site is one that they photographed and provided. They felt it captured the essence of their voyages. I wanted to complement this serene seascape with interactive assets that would cause visitors to the site to be temporarily transported to that destination.

If you visit this site I invite you to close your eyes, relax for a moment, then open them and look into the splash picture on the homepage of the site. Move your mouse over the waves and see if, but for a moment, you are not actually there.
Read more about this project >>
.....................................

TheSevilleClub.com

TheSevilleClub.com image
TheSevilleClub.com
click to view

TheSevilleClub.com

Client: Dino Perlman, Proprietor SOLLC

Features:

  • Dynamic content fed from administrative backend

  • 3-D Flash-based opening trailer
  • Dynamic Flash-based MP3 player
  • Downloadable Flash-based screensaver
  • Downloadable font
  • Dynamic Gallery

Credits: Design & Code by Rudy Rogers

Tools: PHP & MySql, Flash, Screentime for Flash, Swift 3-D, Audacity, HTML, CSS, Javascript

URL: www.TheSevilleClub.com

About:

The goal of this project was to create a sleek, sexy, and classy online presence for this upscale downtown Minneapolis's gentleman's club. I worked closely with The Seville's owner, Dino Perlman to create a motif he was happy with. This site also features an ambiance creating dynamic MP3 player that helps set an inviting atmosphere while visiting the site.

I also wanted to have fun with the club's logo and create an opening to the site that would signpost the class and sophistication of this establishment. I used Swift 3-D, a Flash-based vector 3-D object and animation program to allow Grace (the name of the logo), to twirl and sparkle. I also wanted to create marketing assets to entice users to not only re-visit the site, but also head out to the club itself. I used ScreenTime for Flash to create downloadable crosss-platformal screensavers many have already downloaded.

TheSevilleClub.com has a dynamic gallery I created that allows a user to login and upload and edit pictures and galleries. It displays pictures of events, servers, and entertainers. If you visit the site be warned that some of the photos may be a little risque but always classy.

Read more about this project >>
.....................................

O'Donovan's Irish Pub

O'Donovan's Irish Pub image
O'Donovan's Irish Pub
click to view

O'Donovan's Irish Pub

Client: Dermot Cowley

Features:

  • Dynamic content fed from administrative backend

  • Email catcher & Newsletter engine
  • Downloadable Desktop Wallpaper
  • Downloadable Fonts
  • ADownloadable IM Icons
  • Dynamic gallery
  • Dynamic events calendar

Credits: Design & Code by Rudy Rogers
Photos by Nina Malanati

Tools: PHP, MySql, HTML, CSS, Javascript, Flash, ActionScript, SwfDesktop, PhotoShop

URL: www.ODonovans.com

About:

O'Donovan's Irish Pub is a fun, robust, lively, social spot in the heart of downtown Minneapolis. I was given the opportunity by owner Dermot Cowley to re-create his web site, and compared to some of what I had seen of the other local Irish Pub web sites, I wanted to run with it and do things that the others didn't.

I teamed up with a colleague who is an excellent photographer to take photos of the establishment to enhance the look and feel of the site, as well as give users a sense of the O'Donovan's atmosphere. This site's design incorporates a wooden motif that matches the handmade Irish-imported decor.

O'Donovan's has weekly live bands and events. Seeing the need to keep its fans and regulars in the know, I utilized Screen Time Media's SWF Desktop to create a dynamic interactive downloadable desktop that allows users to change the motif of their desktop, move assets around by clicking and dragging, visit the site, and most importantly view current and upcoming events from their computer desktop.

I also wanted visitors to the site to feel as if they are actually bellied-up to the bar by incorporating a dynamic MP3 player that plays random bits of contemporary Celtic jams as you click through the site. Visiting this site you can almost, taste the Shepard's Pie, feel the woodwork as you drum your hands to the energetic melodies, and taste Guinness's sweet frothy goodness.

Read more about this project >>
.....................................

MNKali.com

MNKali.com image
MNKali.com
click to view

MNKali.com

Client: Minnesota Kali Group

Features:

  • Dynamic content fed from administrative backend

  • Custom shopping cart and inventory admin section
  • SSL & Gateway Connection for online transactions
  • Email catcher & Newsletter engine
  • Exclusive login area for instructors
  • Dynamic articles
  • Dynamic Gallery

Credits: Design & Code by Rudy Rogers
Photos by Sara Rubenstein

Tools: PHP, MySql, HTML, CSS, javascript, Photoshop

URL: www.MNKali.com

About:

The martial arts gym that I belong to, The Minnesota Kali Group, has a web site I built for my instructor Rick Faye and is designed to be both informational as well as an eCommerce site geared to sell various martial arts related products and videos.

This sight highlights a dynamic gallery, an exclusive InstructorsZone, an area for the schools current international instructor base to commune and meet online. This area features an email-like message board that allows one instructor to email another. Instructors can also post articles that can be read both on the main site as well as in the newsletter.

This site's eCommerce section uses a custom shopping cart engine I built that is populated with inventory entered in by an administrative back-end. Shoppers can purchase items by either PayPal or the gym's secure gateway with Authorize.net. This ability to process credit cards utilizes Authorize. net's AIM (Advanced Integration Method) underneath MNKali.com's Secure Socket Layer to provide a quick, simple, and safe online shopping experience.

Read more about this project >>
.....................................

P.C.T. Video Store

P.C.T. Video Store image
P.C.T. Video Store
click to view

P.C.T. Video Store

Client: Self

Features:

  • Secure connection to gateway
  • Sample video clips

Credits: Design & Code by Rudy Rogers

Tools: Quicktime, PHP, HTML, CSS

URL: www.KaliJKDU.com/pct

About:

P.C.T. stands for Physical Control Tactics. I created an instructional DVD series that demonstrates and explains the techniques and tactics I used from my 16yr tenure working as a bouncer at some of Minneapolis" hot spots. It is synergistically made up of my experiences at the door as well as my martial arts education with the Minnesota Kali Group.

I created the visual assets as well as the video itself with my Mini-DV camera; starring in, filming, editing, and compiling it into DVD format. All I needed then was a place to distribute it. So I created this site that explains the concepts and contents of the videos, and allows a shopper to purchase through PayPal or under an SSL to my gateway Authorize.net to process credit cards utilizing their AIM (Advanced Integration Method) technology with PHP.

This is an example of a quick and dirty site that only takes me a few hours to set up and make live once a design motif is settled upon. It also utilizes QuickTime technology that displays snippets of video from my DVD series.

* I used DVD Studio Pro, Final Cut Pro and iMovie to create this video series from scratch, and also with the help and assistance of my good friends Jon Baklund, John Arends, and John Fuller (I have a lot of "Johns";-).

Read more about this project >>
.....................................

PlatinumRomance.com

PlatinumRomance.com image
PlatinumRomance.com
click to view

PlatinumRomance.com

Client: PR Productions

Features:

  • Dynamic Shockwave technology-based chat room
  • Multi-player games in chat room
  • Various Flash-based assets
  • Animated mascot

Credits: Art & Design by Rudy Rogers
Programming by Dan Cain

Tools: Macromedia Director, Lingo, Flash, ActionScript, Photoshop, Illustrator, HTML, Javascript, PHP

URL: www.PlatinumRomance.com

About:
I worked for a time with PR Productions a company that owns and operates PlatinumRomance.com an online dating site that has over a million members in its database. Working for PR allowed me to use all of my artistic skill sets as well as a fortunate introduction to PHP programming.

I was hired to re-design the entire motif of their current site, in fact, myself created all of the visual elements utilized on the site. I also was to create an online mascot similar to my own Rudy-Ryu The Dragon. I created, animated, and voiced PR Cupid, a little imp that is forever trying to catch a 'wascally' heart. I had a lot of fun and learned a lot with PR. I even was able to save the company money by developing a robust in-house chat room for the site's members to use.

I used Macromedia Director and its multi-user server technology. I used Lingo, Director's indigenous programming language, to connect to the site's vast database of members in order to create a chat experience that evolved from a simple type-and-click version to one that allows you to view the user's profile whom you are chatting with, invite them to private-chat, and to play Flash-based multi-player games like Tic-Tac-Toe and Connect-4. To my delight, this current version of the chat room is still in use today.

If you want to check out the chat room I built you may have to visit the site and become a member, which would not be a bad thing if you were single ;-)
Read more about this project >>
Top

Site Design & Content by:
Studio-Ryu, LLC
1769 Lexington Ave N Ste 422 | Roseville, MN 55113, USA

Site powered by PHP Site powered by MySQL Vue.js - The Progressive JavaScript Framework HTML5 Powered with CSS3 / Styling, Multimedia, and Semantics HTML5 Powered with CSS3 / Styling, Multimedia, and Semantics
© 1995 - 2025 Studio-Ryu LLC. All rights reserved.