Quote
Menu
Open
Close
Close
Back
Back
Selected Projects
Quote
Three ring binder design for financial company.

Morgan Stanley
Students inside a College Interior.

Legat Architects
UI/UX design for manufacturing and technology company.

Caterpillar
UI/UX design for a manufacturing company.

Kitamura
Client logo in a dark color on a dark background.

Aiwa
Person Holding Report Design Cover.

Hilton
UI/UX design for language coaching company.

Lingo Live
A semi-truck on a highway.

Volvo
A recording studio with a person signing in a booth.

Philharmonic Studios

Internet Society

Blue Sky Satellite with Text Overlay.
  • UX / UX Design
  • WordPress Development
  • SMM Campaign

The Internet Society is a renowned, non-profit organization that empowers people globally to keep the Internet open, secure, and trustworthy. With all the positive contributions the organization has, and continues, to make, they needed an agency like ArtVersion to help further their digital presence with a multi-part project.

Web Design Web Design
A UI desktop web design screen.

Project Disciplines

01
Research
02
UI/UX design
03
Graphic design
04
Marketing collateral
Gold Winner - Website Design
w3 Awards
keyboard_arrow_up
keyboard_arrow_down

UI/UX Strategy

The Internet Society team extended their enduring collaborative relationship with ArtVersion, entrusting them with user experience development for their Action Plan and Impact Report.

Each project attained its own, distinct design language and UI kit, that felt unique to each initiative. Yet, when represented collectively, they were cohesive and worked together visually to represent the Internet Society organization as a whole. Each ensured that the purpose and impact of the non-profit organization was authentically represented.

UI/UX Iconography Design.
UI/UX Design elements.
In Zimbabwe Web UI Screen.

Mobile Designs

Impact Report
Impact Report Heading UI screen.
Text and Blue World Map Mobile UI screen.
"In Canada" Mobile Screen.
Full Color Background Mobile Screen.
In Zimbabwe With Image and Icon Mobile UI Screen.
Infographic with Numbers Mobile Screen.
A person typing on a laptop with custom iconography.

UI Screens

Action Plan
Action plan 2022 heading on a desktop UI screen.
"Enabling Sustainable Technical Community" UI Screen.
A UI screen featuring a bullet point list for context and people on fixing a power line.
Web UI design desktop screen with copy and orange color palette.
Sustainable growth 2022 UI screen design people hugging image.

The Internet as a Force for Good

Inclusive and Accessible Design for Everyone

Keeping in mind the organization's mission of inclusivity, each website and digital report offered audible expression of all content within the report and multiple language translations for accessibility to the client's global audience. Usability and accessibility were paramount, but that didn't mean the innovation was limited. Rather, there were immersive animations and unique color stories across each project.

UI/UX Wireframe Strategy.
Kids Using Computer Internet in Rural Area.
Satellite Tower Sky.
Growing the Internet World Map in Red.
Wifi Wok custom icon.
Person Installing Internet Modem.
Digital annual report home page.
Moss Screen Grid

Color Palette

Cool tones colors for the Internet Society's color palette include serene blues, calming greens, and refreshing purples. These colors evoke a sense of trust, innovation, and connectivity, reflecting the organization's commitment to a forward-thinking digital future.

Bright Blue
#2B72D6
Dark Blue
#24366E
Mint Green
#40B2A4
Purple
#511E84
Black Blue
#0C1C2C
White
#FFFFFF
Hind light a letter characters.
Hind
Light
Hind Typeface Regular.
Hind
Regular
Hind bold A character.
Hind
Bold

Typography

"Hind" is a modern and versatile typeface utilized exclusively for the Internet Society. With clean lines, subtle geometric details, and a friendly demeanor, Hind embodies the organization's commitment to innovation and connectivity. It ensures readability across digital platforms, promoting a positive user experience. 

Graphics

Strategic color coordination and graphical elements coalesced to create a compelling visual narrative. To enhance user engagement and elevate visual appeal, the information was enriched with customized graphic elements and dynamic animations that fluidly moved in sync with user interactions and navigation.

A design of the Earth, with a dotted line across it.
Going Above and Beyond UI Screen.

Interactive UI 

Each element outside of graphics was also carefully curated with microinteractions that added visual and interactive features to infographics, icons, and more for engagement and retention.

Person on Hill Holding Tablet Device.

Collateral Design

In addition to a dedicated web page, a PDF was needed that would share the same content and be made available for download from the web page. This would create opportunities for conversion in the form of report downloads and organization outreach. To alchemize the impact that the Internet Society has on a global scale, ArtVersion designed and developed their 2021 Impact Report.

Multiple copies of printed action plan and impact reports.

Taking action by growing strengthening securing the internet

Stack of printed action plan reports.
Showing the cover and back of an impact report.
Stack of printed impact reports.
Showing the cover and back of an action plan report.
Annual report design printed spread for non-profit organization.
Action plan with covers and an open spread.
Open printed report.
Impact report with an open spread and cover copies behind.
Impact report featuring the cover page and a inner spread.
keyboard_arrow_left
keyboard_arrow_right

Longevity of Success

The project allowed Internet Society to solidify its vision for the future, inspire continued support, and create an Internet that is safe, accessible, and for everyone, everywhere.

00
Average time spent on site
00
Decrease bounce rate
00
Increase of report downloads
Isometric report pages.