Technology – TRÜF https://trufcreative.com Mon, 21 Oct 2024 20:17:42 +0000 en-US hourly 1 https://wordpress.org/?v=6.9 Adobe https://trufcreative.com/work/adobe/ Mon, 21 Oct 2024 18:52:37 +0000 https://trufcreative.com/?post_type=work&p=8852

Adobe Splash Screen

Technology / Illustration

A Unique Splash Screen for Adobe Illustrator 2025

What can you “Dream Up” using the new Adobe Illustrator? “Weird Fishes” was created for the Adobe Illustrator 2025 splash screen you see when starting up the app. The artwork’s goal was to showcase a myriad of Illustrator tools and styles from typography to 3D materials, all while maintaining Adam G’s minimalist and quirky illustration style.

The process of making “Weird Fishes” from hand-drawn sketch to final art in 90 seconds.

Adobe even made this beautiful 12″ x 12″ pillow using the art. Available for sale in the Adobe Store.

]]>
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
]]>
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
]]>
Adidas https://trufcreative.com/work/adidas/ Wed, 06 Dec 2023 21:55:28 +0000 https://trufcreative.com/?post_type=work&p=6671

Adidas All Day App

fitness / technology / icon design

12 abstract icons in black over yellow and aqua gradient photo of runner
12 abstract icons in black over yellow and aqua gradient photo of runner

The All Day app by Adidas uses modern and abstract wellness & fitness icons

black and gray mosaic of various abstract icons for adidas

The All Day app tracks everything you do throughout the day: wellness, nutrition, movement and rest. With its modern UX design and colorful visual identity, Adidas tasked us with creating icons that were edgy, abstract and that felt cohesive with their trendsetting design.

chart of 16 icons designed for the adidas all day ap
abstract run icon black on white with gradient border

The idea behind the icons was to depict gestural movements and feelings, versus being literal. The final set is abstract and has fun with simple and modern shapes, yet is rooted in perfect geometry.

screens of adidas all day app showing icons in use
screens for adidas all day app showing fitness icons in use
2 screens from adidas all day app profile page and daily planner

App Design by Uncorked Studios

]]>
Trunk https://trufcreative.com/work/trunk/ Tue, 12 Dec 2023 22:07:42 +0000 https://trufcreative.com/?post_type=work&p=7125

Trunk

technology / brand identity / website

Trunk is a workflow platform that helps companies land code faster

Trunk is a developer workflow platform that simplifies checking, testing, and merging code. We designed a forward-thinking, artful visual identity that depicts the ideas of “master branch” or “merging features” through its use of slinky and trunk-like lines. The end result is sophisticated, polished, exciting and savvy using a style that evokes organic modernism.

The mark was designed to be a simple and abstract depiction of an elephant. The concentric circle geometry from the mark is pulled out and used across the brand identity to evoke data, speed and modernity.

Deliverables:

  • Brand Identity
  • Brand Guidelines
  • Visual System
  • Graphic Motifs
  • Website Design
  • Social Media Assets

A landing page and full website mock-ups for info about the new product, pricing plans and platform demos were designed for in-house development.

]]>
Indiegogo https://trufcreative.com/work/indiegogo/ Thu, 28 Dec 2023 20:49:23 +0000 https://trufcreative.com/?post_type=work&p=7753

Indiegogo

technology / brand identity / website

indiegogo offices reception desk with people working at table and logo signage on wall
indiegogo offices reception desk with people working at table and logo signage on wall

Indiegogo are pioneers in the crowdfunding space with a global reach

digital design logo for indiegogo with rounded typeface and overlapping lozenge shapes in 4 colors green, cyan, magenta and violet

In 2012, Indiegogo wanted to take their brand to the next level of polish. Influenced by their brand essence of personal empowerment and global inspiration, we used multi-colored, interwoven shapes to evoke the collaborative and multicultural nature of the platform. All aspects of the visual identity were designed to give Indiegogo an inviting and approachable appeal.

overlapping logo on various background colors

The heart shapes converge toward a center point, symbolizing the passion people have about pursuing and funding their own ideas.

step and repeat of the indiegogo logo at the sundance music festival with bearded guy in hat, scarf and coat in front of it
indiegogo,brand identity technology,crowdfunding branding
set of 12 icons in brand colors

A set of icons in the Indiegogo color palette were created to represent different services or actionable buttons. The website uses a skeuomorphic design style to show unique campaign pages, donation counters and the campaign creation process.

indiegogo home page design
overlapping indiegogo symbol in 4 brand colors on black

Deliverables:

  • Brand Identity
  • Brand Guidelines
  • Visual System
  • Website Design
  • Copywriting
digital design of indiegogo home page inside monitor
website design indiegogo about us page
]]>
Zag Studio https://trufcreative.com/work/zag-studio/ Mon, 25 Dec 2023 18:30:43 +0000 https://trufcreative.com/?post_type=work&p=7588

Zag Studio

technology / brand identity / website

Zag Studio based in Seattle specializes in Microsoft technologies and coding

Zag needed an identity that would echo their technical prowess and creativity, appealing to both technology directors and app designers. Code elements mixed with nature-based photography gives a technical feeling that sets a tone of trustworthiness and perfectionism, but more importantly, relays the end benefit of Zag’s services – peace of mind.

The “Z” monogram is made out of brackets taken from markup code and is used to create a system of icons representing the end benefit of working with Zag. Nature photography creates an approachable feeling combined with the technical.

A WordPress site combines bright colors and nature photography creating a unique juxtaposition with the detailed code markup. A system of branded images creates a unique look for thumbnail images on Zag’s popular “How To” tech blog.

]]>
Kirb https://trufcreative.com/work/kirb/ Fri, 22 Dec 2023 16:21:19 +0000 https://trufcreative.com/?post_type=work&p=7552

Kirb parking app

technology / branding / web / print

Kirb is the Los Angeles-based parking app that gives you space

Kirb brings exclusive parking to your favorite LA blocks where you can reserve spaces right from your phone. By refining the “pin” and pulling out the angled “space” from the K, we created a visual system of graphics that stands apart from other parking platforms.

Angled imagery, zig zag shapes, patterns of “spaces” and custom icons combine with clever copy to help distinguish this brand. A sophisticated and confident color palette becomes instantly recognizable as Kirb.

The promotional website uses parallax techniques to showcase the app through a set of 5 screens. Users are invited to get the app or “add a space” to Kirb’s parking network.

Print collateral like MOO business cards, flyers and coupon cards all use the playful design and smart copy to help sell the Kirb app.

]]>