Ruan Visagie's Work | ContraWork by Ruan Visagie
Ruan Visagie

Ruan Visagie

UX Designer creating intuitive user-centered experiences

    11
    Followers
Followed by Kraig M, Suliman A, and Sagar N

Johannesburg, South Africa

WorkPostsServicesAbout

Johannesburg, South Africa

Cover image for A marketing site for a
A marketing site for a boutique Airbnb cohosting business in Cape Town. It serves two audiences on one page: travellers browsing a small, handpicked shelf of apartments, and property owners deciding whether to hand over their home. Guests get a swipeable carousel of seven real listings across Green Point, Sea Point, Langebaan and Johannesburg. Each card has a direct "View on Airbnb" button and a WhatsApp enquiry, with special cases handled in the design, such as a long-term rental and a minimum-stay private room. Owners get the cohosting services, the host's story, how partnering works, the hosting extras and real guest reviews, ending in a consultation call to action. What I delivered Design and front-end build, from the client's moodboard to a live site Hero carousel, a listings carousel with Airbnb and WhatsApp actions per listing Services, host story, partnering steps, extras, testimonials and contact sections A responsive, mobile-first layout Privacy and terms pages Stack: Next.js (App Router), Tailwind CSS v4, shadcn/ui, Embla Carousel, Vercel Role: Designer + developer · Sep 2026 Skills / tags: Web Design, Web Development, Hospitality, Real Estate, Next.js, Responsive Design, Landing Page
0
34
Cover image for A studio site that proves
A studio site that proves the craft it sells: one place for the work, the services and the way I build. I was brand designer, art director, developer and QA at once, and took it from a Framer prototype to custom code in three weeks. What I delivered Brand system: five palette directions and four logo rounds, narrowed to one A 12-shot AI-assisted hero film, cut to a 25.8 s loop An intro loader, an interactive 3D lightbox and a glass pavilion footer Responsive across desktop and mobile, with text contrast at WCAG AA (4.5:1+) Stack: Next.js, React, Tailwind, GSAP + ScrollTrigger, Lenis, Motion, Three.js, Vercel Role: Designer + developer, solo · Sep–Oct 2026 Skills / tags: Web Design, Brand Identity, Creative Development, Next.js, Art Direction, Motion
0
36
Cover image for Small businesses want to automate
Small businesses want to automate repeat invoices without losing control of what gets sent, to whom and when. The risk: automation can quietly send the wrong invoice. The feature had to extend the existing invoice creator and still handle rejections, bounces and edits safely. I designed a "Make Recurring" flow, a schedule management view and pre-send notifications, plus failure states for Peppol e-invoice rejections, email bounces and forward-only edits. Every failure has a plain-language cause and a clear way back. What I delivered 4 surfaces: make recurring, schedules, pre-send alerts, safe edits 8 key screens inside the existing invoice creator 3 failure states: Peppol rejection, bounce, edit A flow map with recovery paths Role: UX Designer, freelance · Studio Mos · Mar–Jul 2026 Team: Product designers, PM, developers Tools: Figma Skills / tags: UX Design, SaaS, Fintech, Accounting Software, Error States, Flow Design
1
1
119
Cover image for Most fitness apps are cluttered
Most fitness apps are cluttered and bury the features people use most, right when they're sweating and need information fast. CULT brings workouts, progress, nutrition and profile into one focused experience that works mid-session. I audited 3 competitor apps, gave the client the full structure in 7 lo-fi wireframes, then designed a dark-mode design system and 14 production-quality hi-fi screens across 6 core flows. I tested the designs with 10 users, shared every difficulty with the team, and redesigned the screens people struggled with. What I delivered Competitor research (3 apps) 7 lo-fi wireframes, signed off before hi-fi 14 hi-fi screens across 6 core flows Onboarding: goal, weight and body metrics, Apple Health sync Workout tracking, live sessions, progress and streak views A dark-mode design system User testing with 10 users, with screens redesigned Results A faster onboarding flow Fewer interaction points, so fewer errors mid-workout Role: UI/UX Designer, contract · Malkoppi Creative Development · Jan–Mar 2026 Team: Product designers, PM, developers Tools: Figma Skills / tags: Mobile App Design, iOS, UI Design, UX Design, Design Systems, User Testing, Fitness
1
102