Malan Vorster Website Design
Custom website design for an architecture firm.
![Malan Vorster Website Design featured image](/images/malan_hero.jpg)
Project details
Client
Malan Vorster ArchitectsMy role
I was the primary designer assigned while working at Engage BrandcraftBrief
To redesign the firm's website and project gallery.Malan Vorster, a successful architecture firm, came to us with a very clear vision for a full-screen (no scrolling) website redesign. They had a number of beautiful, high-profile buildings that they wanted to focus the viewer's complete attention on.
To fulfill their vision and keep the focus on the photos I kept all UI elements pure white with black or gray text. The photos are always full-screen with extra information only available after bringing up a modal view. I used very minimal graphical elements and icons, using the line thickness found in their logo as my queue for graphical line work.
![malan vorster homepage](/images/malan_01_homepage.jpg)
Homepage
![malan vorster main navigation](/images/malan_02_mainnav.jpg)
Main navigation menu
![malan vorster mobile homepage](/images/malan_03_mobilenav.jpg)
Mobile homepage and navigation
![malan vorster project gallery](/images/malan_04_project_gal.jpg)
Project gallery
![malan vorster project landing page](/images/malan_05_project_landing.jpg)
Project landing page
![malan vorster project details modal](/images/malan_06_project_details.jpg)
Project details modal
![malan vorster publications gallery](/images/malan_07_pub_gal.jpg)
Featured publications gallery
![malan vorster contact page](/images/malan_08_contact.jpg)
Contact page with map