Redroom Photography

A desktop computer on a dark desk displays a website homepage with a cityscape background image featuring modern, reflective buildings. The site header reads "REDROOM PHOTOGRAPHY." The main text says, "Capturing the beauty of the world." Navigation links include "Gallery," "About Us," and "Contact Us.

Overview

Redesign the Redroom Photography website and brand, to increase user engagement, and optimize the user experience to enhance overall customer satisfaction.

Problem Statement

The original website and logo were outdated. The website caused user frustration due to complex navigation and unclear calls-to-action (CTAs).

My Responsibilities

  • User Research: Conducted user interviews, surveys, and usability testing to gather valuable insights into user requirements and issues.
  • Wireframing & Prototyping: Created wireframes and interactive prototypes to showcase the new design and validate its effectiveness.
  • Visual Design: Developed a contemporary, polished visual design that aligns with Redroom Photography's brand guidelines.
  • Usability Testing: Carried out multiple rounds of usability testing to confirm design choices and integrate received feedback.
  • Accessibility: Ensured that the portal adheres to accessibility standards, ensuring usability for all users.

The Challenge

The primary challenge entailed harmonizing the brand's artistic style with photography and cultivating a distinctive art form that aligns with the company's identity and values. This was achieved while ensuring that the product remained the central focus of the website.

A Tokyo, Japan nighttime urban scene showing a deserted street under a bridge. Streetlights cast a warm glow, reflecting off the wet pavement. Tall buildings and railway tracks are visible, with a quiet, peaceful atmosphere. Red traffic lights are illuminated, adding to the city's ambiance.
A digital artwork of a circular, abstract shape with vibrant, swirling hues of red, pink, purple, and blue on a white background. The colors blend seamlessly, creating a dynamic and captivating visual effect.

The Solution

The Redroom aesthetic was developed around a red photograph created by staging a darkroom light-up set piece. This unique style inspired the design of custom abstraction red wave art in the site's background. The logo was crafted using an artistic circular object to symbolize an abstract camera lens. In addition to establishing the brand's artistic style, a product-focused homepage was created to feature a gallery preview and ensure the website's flow aligns with the branding style.

The Approach

In the initial phase, I designed artwork for the website and subsequently concentrated on the wireframes to assess and establish overall design strategies, define content sections, and refine the website's framework.

A grayscale wireframe design of a website with three overlapping pages shown. The pages include sections for the main page, contact form, and exhibit information, featuring placeholders for images, text areas, buttons, and navigation links.

The Creative Process

The art direction inspiration photograph for Redroom Photography is an abstract close-up image featuring swirling shades of deep red, pink, and black. The lighting creates a glowing, almost translucent effect on parts of the red and pink areas, resembling delicate layers of petals or fabric.

Inspiration Photo

This photograph was produced in a dimly lit room by staging and arranging red paper with concealed lighting to accentuate a new form.

Custom artwork for Redroom Photography, an abstract artistic image featuring vibrant red and crimson flowing patterns resembling swirling fabric or waves, set against a light gray and white background. The fluid, dynamic shapes give a sense of movement and energy.

Art Direction

The art direction was created by abstracting the inspiration photo into a unique shape, representing the art lifestyle.

The Redroom Photography logo is a digital artwork of a circular, abstract shape with vibrant, swirling hues of red, pink, purple, and blue on a white background. The colors blend seamlessly, creating a dynamic and captivating visual effect. Below the circular icon is the text "REDROOM" in a bold font and directly stacked below is the text "PHOTOGRAPHY" in a thin font.

Logo Design

The logo was created in Adobe Illustrator using the inspiration photograph into an artistic design, symbolizing an abstract camera.

A poster features a picture of Tokyo, Japan titled "Tokyo Exhibition". The poster describes the Redroom Photography organization and current contributors to the upcoming show. The background is a faded wavy line pattern.

Poster Design

The promotion posters were crafted with Adobe Photoshop, employing a consistent and direct approach. They prominently feature captivating photographs that showcase the new Tokyo exhibition. The carefully curated colors mirror the logo, seamlessly integrating the company's pattern in the background to establish a cohesive brand identity, ultimately boosting visibility and sales.

Business Cards

The business card features a simple and bold design. The front side prominently displays the company's logo with the company's signature pattern in the background to complement the logo. The reverse side contains the company's contact information with the same pattern, ensuring a unified and cohesive visual identity.

A stack of business cards for "Redroom Photography" is displayed. Each card features the company logo with a line pattern in the background on both sides. The name "Debra Vu" as manager, and contact details including a phone number, email, website, and location.
A tri-fold flyer features pictures of Tokyo, Japan titled "Tokyo Exhibition". The poster describes the Redroom Photography organization and the upcoming show. The background is a faded wavy line pattern.

Tri-Fold Design

The tri-fold brochures were designed with Adobe Photoshop, incorporating a contemporary artistic layout with distinct angles and images highlighting the upcoming Tokyo exhibition. The color scheme harmonizes with the company's brand, featuring the company's signature colors and pattern as a backdrop, enhanced by watercolor paint splatters to reinforce the brand's identity.

Design Decisions

The design system has been simplified with a consistent color scheme featuring predominantly red tones, complemented by white, black, and occasional blue tones in the logo and footer art. The highly legible Roboto font was used as a headline font to refresh the aesthetic and align with the narrative of Redroom Photography. The website was designed in Figma and finalized in Webflow for swift development and maximum style control.

The Result

The client received a state-of-the-art multilingual website with a payment portal, portfolio/gallery, contact forms, and dynamic landing pages, all managed through Webflow CMS. After conducting multiple rounds of usability testing, the site increased user engagement by 28% and referrals by 12%.

Final Product

Redroom Photography website home page highlights features and artworks. Banners showcase urban photos. Sections tout exotic locations, artist vision, and quality. The latest exhibits show night cityscapes and vibrant street scenes. Exhibits listed: Urban Tokyo, and City Streets.A screenshot of a website for Redroom, featuring a photography gallery. The page displays four images with captions: "Tokyo Light," "Tokyo Moonlight," "Burning Wave," and "Eclipse." Text sections discuss new exhibits, offer information about photography, and provide links to various pages.The Redroom Photography logo is a digital artwork of a circular, abstract shape with vibrant, swirling hues of red, pink, purple, and blue on a white background. The colors blend seamlessly, creating a dynamic and captivating visual effect. To the right of the circular icon is the text "REDROOM" in a bold font and directly stacked below is the text "PHOTOGRAPHY" in a thin font.The Redroom Photography logo is a digital artwork of a circular, abstract shape with vibrant, swirling hues of red, pink, purple, and blue on a white background. The colors blend seamlessly, creating a dynamic and captivating visual effect. Below the circular icon is the text "REDROOM" in a bold font and directly stacked below is the text "PHOTOGRAPHY" in a thin font.A website for RedRoom Photography features a header with an "Exploring the World" tagline, followed by sections titled "Our Journey Into The World of Photography" and "What Makes Us Stand Out." It includes images, descriptions, call-to-action buttons, and contact information.A screenshot of a website's contact page for Redroom Photography, featuring a form for name, email, and message, and a "Send" button. Below are contact details with icons for email, phone, and office address. A newsletter sign-up section and a street photo are also included.

// WORK