IsoWallet

IsoWallet is an emerging company which has a mission to create a secure and user-friendly solution within the Web3 and blockchain space. Currently, there are many Web3 companies and start-ups that operate, yet lack in the areas of cybersecurity. In many cases, this results in users losing valuable assets because of various vulnerabilities.

Year

2022

Client

IsoWallet LLC.

Project Type

Logo & Brand Identity

Role

Art Direction, Logo Design, Brand Identity, Website

Project Overview

Creating a distinct identity for the future of Web3 Technology

Founders of IsoWallet approached me with an objective to come up with an original identity and branding that represented their core values, appealed to their target audience, and stood out from the crowd. Additionally, it was a necessity for this identity to be work and integrate with a wide range of digital assets and products.

Challenge

Design a unique logo and identity which stands out from the crowd while remaining relevant to the cyber and Web3 space.

My Role/Responsibilities

Logo & Identity, website design, Mockups, social media

Research & Planning

Gaining insight & deeper understanding

Initial research was conducted on popular logos and websites within the space to gain deeper understanding of the potential users and understand what type of colours, styles, and use cases are typical of that type of identity. I wanted to identify what worked and what didn’t in order to design a I distinct Identity.

Market Analysis

Key elements were identified that could be improve upon in order to set IsoWallet apart.

These Key elements include:

  • Generic symbols; such as
    a shield or lock
  • Overcomplexity or icons
    which are not dynamic
  • A dominance in blue hues
    as the primary logo colour
Initial Logo Brainstorm Sketches

Through various iterations it was also studied how to represent broad and complex topics such as "Web3", "cybersecurity". and "Blockchain technology".

Design System

Simplifying complexity

The IsoWallet design system aims to make complex information approachable and clean while maintaining a level of seriousness. This is achieved through the use of more humanistic elements, such as a serifed typeface paired with a sans-serif, round-cornered graphics, and a vibrant pop of green which infuses the site with vibrancy and personality.

Logo

The IsoWallet features a custom wordmark paired alongside a three-cubed icon. This combination instantly resonates as a technology forward company.

Icon Meaning

From the get-go our goal was to create a logo that embodies a deeper meaning in a clean and innovative way.

Typography

Two contrasting typefaces were chosen for both their aesthetic appeal and readability at small scales.

"BW Darius" was selected as IsoWallet's display typeface because it conveys an established brand and has a strong aesthetic presence due to its strong serifs and bold strokes. The "Urbanist" typeface is a great match for "BW Darius" and makes a modern and clean impression.

Symbol Construction

The logo is constructed of stylized squares which feature rounded corners for a more approachable appearance.

Proper Proportions

When constructing the logo in physical or virtual spaces, it is important to maintain accurate proportions. A single square should be considered as the reference for measurement. The square is measured as 1x

Safety Zone

The safety zone should be minimum 2x of clearance space around the entire logo.It is prohibited to use any sort of artwork, typography, or any graphic artifact between the 2x safety zone.

Minimum Size

The primary logo’s smallest size begins at 25px height vertically.Below the minimum 25px height, the icon logo should be used alternatively.

Partnerships and Collaborations

The crypto space is all about collaborations. To ensure the logo remains clear from obstructions, maintain a min of 1x distance from the divider line or 2x from logo when placed side by side.

Reversed & Single Colour Variation

Logo colour variations and how they should and may appear on different coloured backgrounds.

Brand Pattern

The IsoWallet pattern is an optional asset that can be used to create brand related designs.

The pattern can be changed using different colours and opacities. It is created using IsoWallet's squares and is intended to reinforce recognizability and enhance the visual design.

Primary Colours

The IsoWallet pattern is an optional asset that can be used to create brand related designs.

IsoWallet's primary colours are its identifiers and should be used purposefully.Colors were chosen as they create an eye-catching contrast that reflects cyberspace and a level of professionalism while remaining futuristic and exciting.

Secondary Colours

Primary colours are intended as companion hues to the secondary set so that the primary can be used more effectively.

These colours were chosen to complement and tone-down the strong primary colours. In addition, these colours work well for text placed over primary colours because they contrast well and keep visibility.

Tertiary Colours

Tertiary colours are available for designs and use cases where the primary and secondary palettes are not optimal.

Tertiary colours can be used for campaigns or designs that might benefit from the inclusion of additional colours. These colours should be considered as additions, not as replacements.

Application

For the infograph design, we decided to opt for a style that was minimal yet colorful. Oversized numbers were added to make the graphic quickly scannable.

Animated Icons

Three icons were designed and animated to visually represent the process that the SciOPS follows to collect, analyze and share their data.

Photography

A photo specific treatment was developed and used on key images throughout the site to create a distinct visual style for the site and darken images so that text could be added on top.

Final Design

Designing data that's relevant and relatable

By focusing on the quality of information instead of the quantity and approaching the design and UX with careful consideration of the end user, we were able to design a website that makes discovering and understanding the scientific community's opinion on relevant issues a straightforward and engaging experience.

Home Page
Key Features
  • A “web of information” hints to the sites content and draws the user in through connected visuals
  • A navy background instills a feeling trust and intentionally deviates from the white backgrounds typically found on database websites
  • Imagery is treated to both pop and fade into the background to draw attention and create a distinct visual language throughout the site
  • Animated graphics add an additional layer of interest and visually communicate the copy they’re paired with
Survey Overview
Key Features
  • Card style is a familiar and easy way to explore topics
  • Images appear on hover to visually communicate the topic of each survey
Individual Survey Page
Key Features
  • Infographs & their information were centered for a responsive friendly experience
  • An organized column layout makes the information easy to scan
  • Abundant use of white space allows for visual breaks

    More Case Studies

    Interested in working together? Get in touch today.

    Please reach out if you would like to learn more about my projects, process, services, or schedule a meeting.