Digital design portfolio · alternate layout

Design that ships on every screen.

Brand systems, responsive interfaces, type experiments and media identity, built with the rigor of digital design and the curiosity of a maker.

Focus
Web · Brand · Photo · 3D
Channels
NOandROfilms
Default layout
Work grid →

01 · Selected work

Scroll the reel.

Swipe or scroll sideways. Select any frame for a larger view.

02 · Case studies

Deeper cuts.

Case 01

NOandROfilms media web

Website for an Apple-focused tutorial channel: a media-first layout, a red and grey brand colour system and glossy image navigation buttons.

  • Web UI
  • Brand site
  • Media

Case 02

Artrinco wordmark system

A script lockup and landing-page explorations for an art-forward brand, with a refined diagonal composition.

  • Logo
  • Landing
  • Identity

Case 03

Presentation mockups

Device framing and layout studies that put personal website designs into a presentation-ready context.

  • UX
  • Presentation
  • Layout

Case 04

Werewolf World concept site

A dark, atmospheric website front built around a snarling hero image and bold type.

  • Web
  • Concept
  • Dark UI

03 · Identity systems

Marks in the wild.

See all 71 pieces in the Work grid →

04 · Writing

Ideas in prose.

Selected academic and design writing. Open any line for a short summary.

  1. 01Lights, Camera, ACTION!Research paper

    A research paper tracing photography to film to digital video, from Niépce, Muybridge and Edison through theatrical cinema and home video to digital platforms, arguing that modern creators extend the same impulse to capture and share.

  2. 02My Knowledge of TypeTypography

    An essay on typography as verbal art, from Sumerian tablets through the point system to digital letterforms, covering serif, weight, width, posture and type as cultural story.

  3. 03Push Pin StudiosDesign history

    A profile of Push Pin Studios (Chwast, Glaser, Ruffins and Sorel) and their influence on illustration and visual culture.

  4. 04Design ProcessPracticum

    A personal process of research, wireframes, type systems, navigation and revision, applied to web, poster and type-art work.

  5. 05Design that Changes the WorldEthics

    An ethics essay on quality over quantity, revision discipline, emotional storytelling and the designer’s responsibility in web and visual media.

05 · Connect

See the work. Follow the channels.

Get in touchYouTube: NOandROfilmsX: @ro5eliteClassic Work grid