Andre Rautenbach Portfolio

Who I’ve created for*

View highlights

These are bespoke online learning tools that range from simple click-throughs to more complex gamification. Created in Tumult Hype, an HTML creation app, I am responsible for the entire process from planning, design, build and testing to web upload.

Hello!

PLANNING, DESIGN, BUILDING AND TESTING

I'm Andre, a graphic designer based in Cape Town.

Interactive infographics

Stop video

Latest work

Please take a look at my most recent work below, or use the menu above to see my other work.

Take a look at my most recent work below, or use the menu above to check out my other work.

I collaborate with video producers, learning designers and motion designers to flag and conceptualise graphics and then bear sole responsiblity for storyboarding and illustration.

View showreel

Check out my recent work below or explore more in the menu.

Motion graphics

CONCEPTUALISATION AND ILLUSTRATION

*All work created for these institutions are confidential. I have therefore taken steps to obstruct the identity of the institution in the work where relevant.

I was the either the lead or sole designer on projects for the university partners shown below and worked in an assisting capacity for several more.

What I’m learning

Interests

I'm Andre, a digital designer based in Cape Town.

Procreate Entrepeneurship

About me

With a diverse design career spanning UI design to teaching, my current focus lies in EdTech. As a graphic design manager for the largest provider of education technology solutions, I previously held the same role with another leading player in the EdTech sector, developing products for renowned global universities. Innately a problem solver, I excel in simplification and possess a keen eye for detail. My enthusiasm for learning drives me to consistently seek growth opportunities. For additional details about my experience, you can access my resume here.

Vinyl Records Camping Trail Running Cats Travel Photography Documentaries Non-fiction Books Work Nice people Exotic Food Cold beer Sunshine

About

Work

Home

Andre Rautenbach

Contact

Resume

I collaborate with video producers, learning designers and motion designers to flag and conceptualise graphics and then bear sole responsiblity for storyboarding and illustration.

PLANNING, DESIGN, BUILD AND TESTING

*All work created for these university partners are confidential. I have therefore taken steps to obstruct the identity of the university in the work where relevant.

Interactive infographics

I'm Andre, a graphic designer based in Cape Town.

Who I’ve created for*

UI & UX

Web Design

UI DESIGN & MERCHANDISING

Ginger Café

Ultrasonic

PACKAGING & CATALOGUES

BRANDING

UI DESIGN, LAYOUT, INFOGRAPHICS

CPA Global

CONCEPTUALISATION & ILLUSTRATION

Illustration

BRANDING

Coming

VARIOUS

Layout

Syker

By the Whisk

Novomins

E-Learning Graphics

CHECK BACK LATER

COMPOSITION, TYPESETTING, IMAGE SOURCING

Eurolux

Coming soon

UI DESIGN & MERCHANDISING

PLEASE CHECK BACK LATER

CONCEPT & ILLUSTRATION

E-Learning

CPA Global

CPA Global is a world leader in intellectual property software. Over the years I have designed a wide range of materials for them, from whitepapers and ebooks to landing pages and infographics.

CPA Global is a world leader in intellectual property software. Over the years I have designed a wide range of materials for them, from whitepapers and ebooks to landing pages and inforgraphics.

Start screen

Before Ginger Café opened its doors in Long Street, Cape Town, I was approached to create a brand identity that would compliment the laid back and down to earth atmosphere that was envisioned. With very little budget for printing, the objective was to do as much as possible with a rubber stamp, and limit printing to things that were seen as vital and that can be used in various ways are be easily and cheaply replaced.

Project navigation

Gallery

Home

UI DESIGN & MERCHANDISING

I was assigned the creation of design elements for a branding pitch deck for a European tech conference. The concept aimed for a touch of quirkiness and unconventionality. Illustrative elements were crafted to be versatile, allowing their use in larger or smaller graphic compositions or individually on smaller merchandise items. The website was intentionally designed with a slightly vintage feel, deviating from the typical expectations for a tech conference. Despite the distinctive approach, this project did not proceed to further development.

Back to Gallery

I collaborate with video producers, learning designers and motion designers to flag and conceptualise graphics. I am then solely responsible for storyboarding and illustration.

Passionate about digital illustration, I'm not confined to a specific style and can readily adapt to various requirements. My particular focus is on simplicity, aiming to achieve high impact through the strategic use of simple lines and colour.

Explore examples of my illustration work for motion graphics on the home page.

COMPOSITION, TYPESETTING, IMAGE SOURCING

I enjoy transforming copy provided in plain word processor documents by breaking up and arranging the information into visually appealing and easily digestable layouts. I do this by paying special attention to the five basic principles of proximity, white space, alignment, contrast and repetition.

As a passionate user interface and web designer, I thrive on crafting digital experiences that resonate with users and answer the needs of the client. From wireframing to final polish, I weave together intuitive navigation, captivating visuals, and seamless interactions. I love getting to understand user needs and translating them into intuitive designs. Whether it's a sleek interface or a dynamic website, my goal is to elevate user experience and leave a lasting impression.

Old

Recycling and care icons

About

New

LED icon with strip differentiating between cool and warm white, as well as 15,000 and 30,000 hours

A significant project involved crafting packaging that not only outshines competitors on shelves but also educates customers about what was at the time a relatively unfamiliar technology to most consumers, all while maintaining the brand's existing recognisability. After completing this, there was a subsequent focus on elevating the market perception of quality for existing ranges without overshadowing the LED range, necessitating careful consideration from the project's inception.

Several features needed consideration for inclusion in the new packaging, and they had to be adaptable to various shapes and sizes. The old packaging, with few exceptions, lacked all the below elements.

PACKAGING, CATALOGUES, VARIOUS PRINTED MARKETING MATERIALS

Energy savings percentage indicator

Features

LED Packaging

Comprehensive spec table

Strip indicating wattage, comparison to incandescent wattage, voltage and key spec icons

Energy savings chart with key info

I created catalogues that demanded the organisation of extensive technical information for easy reference, all while ensuring visual appeal. Additionally, I designed versatile print advertising templates that needed to showcase multiple products, spanning from luxurious home use to technical industrial items.

In my role overseeing design for Eurolux, the premier lighting products supplier in South Africa, my responsibilities spanned packaging, print ads, point-of-sale items, and catalogues. The visual quality experienced a notable enhancement under my tenure.

Product outline graphic with dimensions

Catalogues

Cautionary details

Features

Catalogues and print ads

LED Packaging

Eurolux

Vinyl Records / Music / Festivals Camping Trail Running / Hiking / Tennis / Squash Cats / Travel / Documentaries / Non-fiction Books / Work / True Crime / Nice people Exotic Food / Cold beer / Sunshine / Plants

DigiTV

UI DESIGN

DigiTV was a short-lived platform that enabled some of the top schools in South Africa to stream mainly their sporting days, but also cultural and other events, while giving students media experience. I was tasked with creating an MVP version of the home page as well as other basic additional pages which were then developed further by a team in India.

I collaborated with video producers, learning designers, and motion designers to identify and conceptualise graphics based on the script. I then took sole responsibility for storyboarding and illustration, with final animations completed by the motion designers.

These are online learning tools that range from simple click-through content to more complex gamified experiences. After receiving the initial concept and copy, I managed the entire process, including planning, design, development, testing, and final web deployment.

Interactive minisites

E-Learning graphics

STATIC GRAPHICS, INTERACTIVE MINISITES, STORYBOARDING, GRAPHICS FOR MOTION, TEAM MANAGEMENT

2U is a world leading education technology company that partners with universities and organizations to deliver high-quality online degree programs, bootcamps, and short courses through its ed-tech platforms, including edX. At 2U I created course-specific, student facing educational graphics, some of which are outlined below. Later I took on a managerial role, which focused more on strategising, team management and quality control.

Who I’ve created for*

Close video

Interactive minisites

Please use the menu only. Do not use the browser back button

Check out my work

Please use the menu only. Do not use the browser back button

More work

BRANDING, BRAND IDENTITY

Syker is a decentralized exchange (DEX) operating on a layer 2 blockchain. I worked on the first stage of a rebrand designed to highlight the project's cutting-edge innovation, conveying its user-friendly interface, trustworthiness, and seamless integration with layer 2 technology.

A selection of instagram posts

WEB DESIGN, PACKAGING, SOCIAL MEDIA CONTENT, SOCIAL MEDIA ADS, VIDEO EDITING, ANIMATION

Novomins is a contemporary health and wellness brand specialising in premium, science-backed gummy vitamins designed for today’s health-conscious consumers. Their primary audience includes young professionals, busy parents, and those seeking convenient, effective wellness solutions. During my time at Novomins, we focused on refreshing the brand to convey a sleek, vibrant, and approachable look, featuring clean packaging and bright, uplifting colours that resonate with a contemporary audience.

A special edition box to promote prostate health during Movember. The design was inspired by vintage barbershop signage.

Mobile view of a product page. Feel free to scroll through

Bubble mailers made from recycled materials for standard orders and cardboard box mailer for special orders and press drops.

A selection of newsletters.

ABOVE: A selection of Instagram posts. RIGHT: A special edition box to promote prostate health during Movember. The design was inspired by vintage barbershop signage. BELOW: A selection of newsletters.

ABOVE: Bubble mailers made from recycled materials for standard orders and cardboard box mailer for special orders and press drops.

BELOW: Desktop and mobile views of a product page. Feel free to scroll through each