lightbulb

A personal project I conducted during two weeks of April 2023. I wanted to develop a website dedicated to a videotelephone software program that showcases a userfriendly yet professional design. My goal was to create something sleek and professional, where the target audience feel as though the need to think is secondary.

Project Role

UX/UI & Brand Designer

PROJECT FOCUS

Websites oriented towards businesses these days can quickly become overwhelming with their designs, where the layouts tends to take over and the business and it's product itself falls into second place. The focus of this project was to create a design that not only is easy to navigate and understand, but to create a design that is clean, modern and fits with the comapny's business ideals. By creating a digital platform that focuses more on the "less is more" principle, the design quickly becomes easy to navigate, less intimidating and more accessible for all.

The finished design for "Lightbulb" follows this principle, and strives to be a design considered to be both professional and user friendly for it's target audience. The company strives to become a leading business within the market, and wishes to have a easy brand recognition, hence the minimal yet colourful deisgn.

Project Overview

The main purpose of this project is to create a full scale website that is dedicated to it's users and product. The company wants to become one of the leading authors within the videotelephone world, while simultaneously nurture and develop their relations with their users.

Creating a website, specifically a homepage, is the first step in this direction. To achieve this, I dedicated a large chunk of the projects time to research and user-testing. I wanted the users to be the ones to define this project, and to see where their pain points were located, and be able to fix them as seamlesly as possible.

01 - Persona & Target Audience

To quickly create a overview of Lightbulbs design needs and who their audience is, how the final design should be wireframed and what directions to go in, two personas were created. One older with a more business-minded approach, and one on the more team oriented path.

These personas became the backbone to with the goals and frustrations of the users were expressed. Designing with these people in mind and being aware for whom the project is creating for helped a great deal and ensured that the project itself would turn out more successful.

02 - Wireframeing

To quickly create a perspective of the design, and what I wanted the final design and each section to include, I created a digital wireframe. At first it was simple, lo-fi paper sketches, that then morphed in to more hi-fi digital wireframes. This allowed the design process to become more structured and allowed for more creativity in the final design. I also submitted the wireframe for feedback, to better optimise the finished results and iterate on pain points and frustrations before moving on to the high fidelity prototype.

03 - FINISHED PRODUCT

The finished product ended up being a sleek, minimal homepage design that incorporates the use of 3D models as it's branding images. The use of 3D instead of live action was done to achieve a friendlier and cleaner look.

The sleek and minimal design invokes a sense of professionalism into the website; and therein helping create a sense of reliability and safety for the brand.

Click to see finished product

HOMEPAGE

SECTIONS

To being attention to the different services and company mission, multiple sections were created to highlight and showcase the company's core values and services. This is where the design shone and the website showcases the simplicity of the overall design. Each section is comprised of simple instructions, an acompaning graphic, and color coded to the brand colors. This is done to create a cohesive brand design. The sections all consist of the brands color and multiple sections showcase graphics, 3D illustrations, or a mix of both.

HEADER & FOOTER

Two very simple designs, with distinct characteristics. A cleaner Header allows for easier navigation, while a more compact Footer allows for any and all inquireies a user or potential custumer might have.