logo

The Business App

Creating a one page panel website.

business

The Business App

Creating The App


The assignment was simple enough. Each student would be required to design and code a one-page website for an app based on a real business or imaginary. I decided to create an imaginary app called The Business App. I figured it would be more fun to think up an application instead of picking a brand that existed. This way I could pick a color scheme that I wanted but also there would be nothing to compare it against. It would be all new and not a copy.


The downside of picking an imaginary brand is that you have to develop it from the ground up with zero resources. So creating a logo, copy for the site, and really envision this little copy that's not even real.

business


Wireframe


It's important to start with the wireframe. Before I start designing for a website, I focus on placement on the site. I make a quick and effortless doodle that sets the foundation for the site. It allows me to think of complex ideas before even starting the visual aspects. It's important to think of the function before thinking of the form. You can design something so beautiful that doesn't function and frankly, I see that as useless.


Of course, I want the website to look aesthetically pleasing. I want the user to be drawn to it so that it creates a pleasant experience but you still need to set the foundation first. I view the wireframe as the blueprint for the site. If you are building a house, you have to have a blueprint so if you're building a website it should be the same.

business

Mobile Responsive


You have to be aware of how your content will be viewed. With so many new devices coming out each day you need to design for the future. I try to take into account how people will visit the site and interact. You want it to be user-friendly and rewarding. You want it to load quickly and be usable on all devices. So when I designed this app I tried to keep mobile, tablet, laptop, and computers in mind. After revisiting this site it's funny how I didn't even think of wearable tech like watches.

business

The Final Result

The one-page site featured an animated gif in the header right below the nav bar. It created quite a striking visual appeal at first click. My hope is that it didn't take away from the feel of the site because it did create a longer load time. My intention was to create something different, that the user wouldn't expect.


Check it out: The Business App