Web Design – TRÜF https://trufcreative.com Fri, 01 Aug 2025 16:58:36 +0000 en-US hourly 1 https://wordpress.org/?v=6.9 Houlihan Lokey https://trufcreative.com/work/houlihan-lokey/ Mon, 25 Mar 2024 19:16:20 +0000 https://trufcreative.com/?post_type=work&p=8460

Houlihan Lokey

financial / visual system / web design

Houlihan Lokey is a global investment bank with a modern edge

Houlihan Lokey is a leading global investment bank with expertise in mergers & acquisitions. Working with their existing logo we created a visual design system with a vast library of graphic motifs and applications. Clean, modern graphics pair nicely with images of their worldwide locations. The dynamic and flexible system works across all marketing touchpoints from the website to social media.

Shapes found inside the “trinity” globe were used to create flowing waves, currents, halftone patterns and geometric and dimensional motifs. By using the DNA from the logo itself, the visual identity feels like a cohesive system and creates an abstract depiction of intangible financial concepts.

Using Houlihan Lokey’s existing brand color palette, we extended it by adding tints of the primary colors. Seen in the various graphic motifs and gradients, it helps create a depth and sophistication to their otherwise corporate colors.

The visual system allows for endless ways of combining the design elements in unique ways so that any piece of corporate communication looks and feels like it comes from Houlihan Lokey.

LinkedIn is the primary social media platform Houlihan Lokey uses for posting news. We created a library of custom, branded posts for various things like deal announcements, market report downloads and new hires around the globe.

Nature photography of mountains, bridges, roads, oceans and rivers are a great way to illustrate the ideas of global market fluctuations and increasing wealth. It’s also a nice juxtaposition to the clean lines of data charts and M&A bank information.

Working with Houlihan Lokey’s in-house developers, we designed the website to combine the graphics and majestic imagery to present their detailed information and global rankings charts in a clean, concise way that’s easy to navigate.

Deliverables:

  • Visual Design System
  • Extended Color Palette
  • Website Design
  • Social Media Design
  • Collateral Design
]]>
BLDG25 https://trufcreative.com/work/bldg25/ Fri, 08 Dec 2023 16:59:33 +0000 https://trufcreative.com/?post_type=work&p=6830

BLDG25 experience design

technology / brand identity / website

3 spheres in gray and red on a black background with wave design
3 spheres in gray and red on a black background with wave design

BLDG25 is where game design meets behavioral science to deliver tech solutions

white logo on black background with green mesh wave design

BLDG25 combines a background in creative game design with deep roots in enterprise product management to solve tomorrow’s big business challenges through customized software. We designed the identity to reflect both behavioral science and technology, allowing the viewer to interpret it on their own terms. It’s a play on opposites: light and dark, science and art, data analytics and creativity, innovation and practicality.

digital logo design with curved 2 and 5 over the words BLDG25. Aqua on black background

On the surface, the mark is an abstract number 25. The use of positive/negative lines bisected down the middle represents the left/right brain. It’s also an eye representing vision, insight and intelligence. A logo stinger animation really brings this idea to life.

bldg25,technology brand identity,website design tech brands
digital design of 3 gray and red spheres and wave pattern on black background
grayscale dimensional spheres floating amongst a thin line wave pattern on cream background

The use of mesh-like motifs is an homage to their gaming DNA, imagination and flexibility. Waves and spheres represent the transformational nature of their products, a paradigm shift that pulls the viewer into new and unexpected worlds.

abstract digital design with multi-colored organic mesh pattern on black
abstract digital design with multi-colored organic mesh pattern on cream
abstract digital design with white circle on aqua ribbon mesh pattern on black
abstract digital design of coral and aqua gradient ribbon pattern and coral circle on white

Custom icons were designed to help describe intangible business concepts. Branded powerpoint templates were created using a vast library of icons, motifs and infographics for use by the BLDG25 team.

digital design of 6 custom abstract icons using green, aqua and coral circles on black and cream gradient geometric shapes
digital mockup of brochure cover using multi-colored mesh wave pattern
schematic of the bldg25 powerpoint deck design showing 12 pages
stack of business cards with bldg25 logo on front in aqua on black with an aqua back
white abstract curvy 25 symbol on green mesh pattern on black background

Deliverables:

  • Brand Identity
  • Brand Guidelines
  • Visual System + Icons
  • Web Design + Development
  • Motion Graphics
  • Collateral

A clean, responsive website describes the complexity of what BLDG25 does using immersive motion graphics, scroll effects and parallax infographics to draw the viewer in.

bldg25 website infographic of why we're different about immersive design
bldg25 website infographic of why we're different about selective tech
bldg25 website infographic of why we're different about managed complexity
]]>
University of California IGCC https://trufcreative.com/work/university-of-california-institute-on-global-conflict-and-cooperation/ Sat, 06 Jan 2024 17:02:13 +0000 https://trufcreative.com/?post_type=work&p=8001

University of California IGCC

education / brand identity / website

circle logo in the center of a foresting image with logs on the ground
circle logo in the center of a foresting image with logs on the ground

IGCC conducts research on global social science conflicts and cooperation

IGCC logo lockup in white on teal background

University of California Institute on Global Conflict and Cooperation–or UC IGCC–bridges the academic and policy worlds and conducts social science research on topics such as international security, geoeconomics, the future of democracy and the environment. They wanted to redesign and modernize their dated brand identity and website and separate them from the University of California’s brand look and feel.

IGCC branded stationery suite with letterhead, business card, pencils, buttons and a notebook
6 color ways for the IGCC circle and rays mark
stacked IGCC logo in teal on white
IGCC logo lockup with full name UC Institute on Global Conflict and Cooperation, turquoise on teal

Using the “rays” from inside the mark as a graphic motif to help depict the idea of “illumination” on to challenging topics. The motif becomes a positive “light” overlapping intense photography. Motifs can be used on any marketing materials from blog posts to presentation covers to social media.

2 annual report cover designs using rays from logo as a graphic motif in greens and teals
idea for an ad layout or a presentation cover with mark as motif, photo of man with the title Global Environment
idea for an ad layout or a presentation cover with multi-color turquoise, green and teal mark as motif over a photo of fighter jets
IGCC brand styleguide pages with rules for logo, colors, typography and motifs
IGCC brand color palette: teal, emerald, green, turquoise, warm red, gray, black and white
sunset skyline photo of singapore

A responsive WordPress website was built to present their vast archive of content in a new way that was easy to use. It needed to feel modern and feature related experts and content on each page.

full home page of the IGCC website
IGCC stacked logo, teal on green background

Deliverables:

  • Brand Identity
  • Brand Styleguide
  • Visual System
  • Website Design
  • Web Development
white iPad showing a grant page from the IGCC website on top of a green notebook with an apple pencil
]]>
Demarest https://trufcreative.com/work/demarest/ Wed, 13 Dec 2023 21:32:10 +0000 https://trufcreative.com/?post_type=work&p=7196

Demarest production

arts & media / brand identity / print

Demarest empowers great ideas in film and technology to deliver content

Demarest is a unique film and television production company that also invests in technologies that create and deliver premium content across all mediums. They wanted to remove the “films” from their name and redesign their identity to better reflect their innovative business model.

The mark is composed of bisected circles that echo the letter “D”, creating an innovative wave pattern that’s full of motion and energy reminiscent of light refracting on dark water.

The name Demarest means “of the swamp” in French. Images of water and nature combined with pattern motifs evoke a mysterious place where ideas are born. Moody images help bring a responsive WordPress site to life.

Deliverables:

  • Brand Identity
  • Brand Styleguide
  • Website Design
  • Business Cards
  • Content Creation

We designed dark and mysterious business cards for the team. Cards are printed using duplexed French Muscletone stock with black foil embossed on the front and silkscreened pale gray ink on the back.

]]>
Qualcomm Institute https://trufcreative.com/work/qualcomm-institute/ Mon, 15 Jan 2024 17:55:05 +0000 https://trufcreative.com/?post_type=work&p=8189

Qualcomm Institute

technology / brand refresh / website

Qualcomm Institute jumpstarts innovation with technology and research

The Qualcomm Institute (QI) is a nonprofit research organization bringing together teams from all different cutting-edge technologies at UC San Diego. Founded in 2000, QI wanted to keep their existing mark, but refresh the visual identity and color palette to feel separate from the University of California’s yellow and blue branding. We started with an updated logo lock-up that feels cleaner, more organized-looking and easier to read.

A visual system of graphic motifs was created using the circle and wave from the QI mark as the main geometry. Various color combinations create hero banners for the website and blog.

Working with the existing UC San Diego brand colors, we focused on the turquoise, stone and cool gray and added teal for a monochromatic look. The feeling is both confident and contemporary.

After an extensive site audit and wireframing phase, we completely redesigned their existing website. The result is well organized, easy to navigate and incorporates the new color palette.

Deliverables:

  • Brand Refresh
  • Visual System
  • Web Design
  • Web Development
  • Content Creation
]]>
Paige Parenti https://trufcreative.com/work/paige-parenti/ Tue, 12 Dec 2023 19:03:09 +0000 https://trufcreative.com/?post_type=work&p=7086

Paige Parenti college coach

service / brand identity / website

teenage girl with red lipstick and red hair smiling with head in hands on peach backdrop
teenage girl with red lipstick and red hair smiling with head in hands on peach backdrop

Paige is a college admissions coach with a mission to empower every student

paige logo with P monogram designed like a fibonacci circle, charcoal on peach

Paige helps every student find the right college for them, guides them through the admissions process, and sets them up for success. To appeal to Gen Z, and their parents, the company name was updated and the brand redesign focuses on the personal attention she gives to every student. The result is a clean and inviting look and feel using warm, soothing colors

paige logo lockup with P monogram designed like a fibonacci circle, peach on charcoal
photo montage animation of changing images of teenagers showing diversity
paige notebook cover design with multicolored P monogram on white with glasses, a pen and leaves
stationery mockup with business card, white folder and peach envelopes
paige business card design front and back, white on mint green backdrop
multi-colored P monogram graphic motif on white

The elegant P monogram is inspired by the Golden Spiral, a sacred geometric symbol that represents higher learning and infinite possibilities. A set of thin line icons compliment the thin lines in the logo.

set of 8 thin line icons to represent ideas like priorities, managing, writing essays, and the various programs Paige offers
paige brand color palette: peach, blush, nude, mint green, charcoal and silver

A customized website tells the story of Paige, her services and student stories to describe real-world results. The design is light and airy with easy bites of information and imagery, plus a student scheduling calendar and payment pathway.

paige parenti stories page design
multi-colored P monogram graphic motif on charcoal

Deliverables:

  • Brand Identity
  • Visual System
  • Web Design
  • Content Creation
  • Digital Collateral
  • Print Design
paige leave behind brochure design, cover plus 3 pages
]]>
Hughes Estate Sales https://trufcreative.com/work/hughes-estate-sales/ Sun, 07 Jan 2024 16:55:28 +0000 https://trufcreative.com/?post_type=work&p=8070

Hughes Estate Sales

services / brand identity / website / print collateral / signage

antiques and vintage items on a table
antiques and collectable vintage items on a table

Hughes is the premier estate sales and antique auction resource in SoCal

hughes estate sales logo white on green

Since 1978, Hughes has been the premier estate sale resource in the southern California region. They wanted to modernize their brand identity and create a responsive e-commerce site that expands their business model to include online sales and auctions. The logotype combines a contemporary yet classic look that echoes their past and moves them into the future.

vintage furniture in the hughes showroom
hughes estate sales logo white on green wall inside the showroom
green hughes business cards inside holder at cash register
branded hughes estate sales box with dishes in it
hughes logo white on a black shirt inside the showroom
4 printed tri-gold brochures for various Hughes services
hughes estate sales brand color palette: espresso, green, grays, beige and off white
stationery suite for hughes estate sales
pile of green business cards, messy

From brochures, stationery, signage, boxes and uniforms, we crafted an end-to-end branding solution that carries Hughes into the next generation. An ownable green evokes stability and trust and is easily recognizable as Hughes.

close up of hughes logo in green on antique gray paper with "est 78" watermark
hughes estate sales website home page

Appealing to both buyers and sellers, we built a responsive site is part slick brochure, part e-commerce. Using their library of captivating images of furniture, antiques and ephemera, the user becomes immersed in shopping and finding treasures.

hughes estate sales website e-commerce buy page
hughes estate sales website mobile version in ipad and iphone

Vintage-style typography is used to create various indoor and outdoor signage for both the Altadena and Downtown LA Showrooms. Discount graphics are used in sale emails to their vast list of customers.

hughes sale graphics 40% and 50% off all stock
hughes sale graphics 75% and 25% off all stock
hughes downtown los angeles showroom signage
hughes downtown los angeles showroom parking signage
hughes downtown los angeles showroom signage
bright green on green H monogram

Deliverables:

  • Brand Identity
  • Brand Guidelines
  • Website Design
  • Web Development
  • Print Collateral Design
  • Signage
hughes downtown los angeles showroom signage
]]>
Caprock https://trufcreative.com/work/caprock/ Sat, 16 Dec 2023 17:56:24 +0000 https://trufcreative.com/?post_type=work&p=7366

Caprock wealth management

finance / brand identity / website

Caprock is a family office company rethinking wealth and impact investing

Caprock is a leader in managing family wealth with their personalized, hands-on approach. Pioneers in the impact investing space, they wanted to modernize their identity and create a cohesive visual system. To revitalize this decade-old brand, we started with a monogram “C” that’s always moving forward and speaks to financial growth and flexibility.

We kept their existing Navy and added copper to the color palette. Everything is printed on Colorplan patriot blue card stock, stamped with copper metallic foil that matches the color of shiny, new pennies. The arrows from the wordmark are used to create a visual system of forward-thinking patterns, motifs and icons.

A Brand Styleguide keeps the identity cohesive by outlining rules for the logo, typography, color palette and graphic motifs.

A customized, responsive website tells the story of Caprock using layered parallax graphics, immersive imagery and smart copy that gives a modern take on financial services.

Deliverables:

  • Brand Identity
  • Brand Guidelines
  • Visual System
  • Website Design
  • Print Collateral
  • Promotional Items
]]>
Bluegiant https://trufcreative.com/work/bluegiant/ Fri, 29 Dec 2023 23:47:53 +0000 https://trufcreative.com/?post_type=work&p=7826

Bluegiant productions

media / brand identity / web / print

bluegiant team of 12 people wearing astronaut costumes
bluegiant team of 4 people wearing astronaut costumes

Bluegiant productions gets a stellar and polished Mid-century modern rebrand

bluegiant logo composed of 3 triangles and a circle

As one of many LA-based film production companies, Bluegiant wanted to stand out and show their stylish and creative side. The proposed identity evokes a Mid-century modern style with geometric shapes harnessing a “blue giant” star. The look and feel combines black, dark colors and cyan with outer space, astronauts and vintage spaceship imagery that evokes style and charm.

bluegiant logo lockup gray on black
bluegiant posters in black and cyan using big logo on bottom
bluegiant logo motif overlaps black and white women image
louboutin on a vespa behind the bluegiant logo

Deliverables:

  • Brand Identity
  • Visual System
  • Print Collateral Design
  • Web Design
  • Web Development
  • Content Creation
dark black spaceship with cyan headline
vintage photo of a crowd watching an eclipse with special sunglasses
dark gray and cyan pattern made out of the bluegiant logo
bluegiant business cards in a grid with various patterns
close up of business cards
bluegiant,Los angeles film production,film production website design

A set of 12 patterns made out of circles and triangles taken from the main mark were printed on Luxe MOO business cards for the entire team. Letting clients choose their own design becomes a fun conversation starter.

2 rows of stacked business cards showing 10 different front designs

Bluegiant ran with our creative direction idea for a team photoshoot by wearing vintage astronaut suits to show everyone’s personality. Zoom out and zoom in shots were used for the people page on the website.

bluegiant team 8 people wearing astronaut suits with helmets

A brochure site showcases Bluegiant’s work with fun animations, edgy copy, a video reel and space-related imagery throughout.

bluegiant website design home page
bluegiant website design people page
bluegiant mobile website screens inside iphones
]]>
J+R Group https://trufcreative.com/work/jr-group/ Sat, 30 Dec 2023 18:37:05 +0000 https://trufcreative.com/?post_type=work&p=7862

J+R Group

service / brand identity / website / print

JR Group offices with moss logo on wall
JR Group offices with moss logo on wall

J+R Group sparks innovation through their commercial and residential properties

J+R Group logo design

J+R Group cultivates commercial and residential properties across the Pacific Northwest and Southern California, offering sustainable and open design that helps shape their tenants’ creativity and vision. We designed their brand to be bold, energetic and polished like their philosophy. The geometric J and R letterforms create a mark that’s always moving forward and reflects their contemporary architecture style. Moss signage using the mark creates a branded environment in their own offices.

JR Group offices with moss logo on wall
J+R Group corporate stationery suite

Corporate stationery was printed on antique gray paper using gray Pantone inks. A tone-on-tone repeating pattern on the cards creates a feeling of building which gives a striking first impression.

J+R Group business cards in a grid
J+R Group business cards front and back
J+R Group corporate stationery suite
J+R Group printed letterhead close up

A dynamic website tells the story of each property through parallax animations, professional photography, renderings, property design details and data graphs.

J+R Group website home page
J+R Group website home page slide 2
J+R Group website side menu
J+R Group stats of property

A Brand Styleguide outlines rules for the identity system including logo lock-ups, color formulas, typography, photography and graphic motifs. The guide is an important tool in creating brand cohesion.

J+R Group brand styleguide
JR monogram logo superimposed over wood architectural background

Deliverables:

  • Brand Identity
  • Brand Guidelines
  • Corporate Stationery
  • Website Design
  • Web Development
  • Copywriting
JR Group business cards stacked in 2 rows
]]>