Best Designed Apps

image: pexels.com

I just went over the best apps for design tools, but what about the best designed apps? Let’s see what there is out there that comes out on top.

First is the Arles Festival App. Clarity is one of the essential elements of a good UI design. It should not confuse your users nor give them a hard time figuring out how to use your interface. And you can find that in this app designed especially for the Arles Festival, which has around a hundred thousand recorded visitors annually since its inception.

Next is the Eda.ua – Food Delivery iPhone App. This mobile design version for an existing website is designed by a group of designers from the Ukraine. The app has both an iOS and Android version with a very friendly UI designed especially for the food delivery business. In order to meet usability standards, the designers conducted intensive market research and took note of various offbeat ideas. Then, they created and tested an interactive prototype with over 100 wireframes to ensure that the app design meets the needs of the client’s business.

Third is the Workout Book App. Unlike other workout apps, the Workout Book easily records your workouts and lets you see all the necessary information at a glance right on the home screen. Create your own workout with just a flick of your fingers and press save. Customize, set the day, and the targeted area you want to work on. Each workout has a color tag so you can easily look over them and monitor what you have missed.

Advertisements

Best Wix Websites

image: pexels.com

So far I have looked at examples of great websites from Squarespace and Weebly, but now I am going to look at the best wix websites out there so I can decide which one I would want to learn about from head to toe.

This website, http://www.wix.com/blog/2014/04/websites-you-can-learn-from/ talks about the 10 best websites that are made by wix that I can learn from.

The site divides the best wix sites based on their purpose. This includes shops, artwork, portfolios, gifs, resumes, videos, social media etc.

https://www.efidolcini.com/

This shop sells accessories, from handmade bags to lightweight wallets. The designer appears to be doing it just right with a powerful product display that really highlights the quality and uniqueness of their designs. What I really think stands out on this site is their navigation bar. It really emphasizes the tone their going for, even though it can be hard to read (figure 1).

Screen Shot 2017-03-19 at 1.51.32 PM

(figure 1) Source: https://www.efidolcini.com/

What I dislike about this page is the gif that is behind a textbox of faint words (figure 2).

Screen Shot 2017-03-19 at 1.52.53 PM.png

(figure 2) source: https://www.efidolcini.com/

Not only is it difficult to read, but the sparkles in the background make it too distracting to even try.

http://www.kellyjonesdesign.co.uk/

This is my favorite wix site so far. It is a single-paged site, making it easy to navigate because of it’s purpose. It is strictly an online portfolio, which she cleverly designed to make her personality pop on the page. It starts with a grid layout, consisting of 3 columns with different pages of her work in each row. After scrolling past this, you get to her “about me” and then her “get in touch” section. This is clean and perfect for a portfolio because the first information is her work, making it easier for people who visit to see her skills right away. However, it does look a little too crafty because of the colors she uses (figure 3).

Screen Shot 2017-03-19 at 1.58.13 PM

(figure 3) source: http://www.kellyjonesdesign.co.uk/

I think if I were to use a wix site, I wouldn’t want it to look too much like a wix site, which she doesn’t play off well here in the example because of her font choice as well as colors.

Best Weebly Websites

image: pexels.com

Previously, I talked about the best SquareSpace websites out there. Now I am going to talk about the best weebly websites. I have had experience in designing a weebly site but it has always been difficult to find a design I like and can stick with because of the wide variety of options that it has.

http://www.douksnow.com/#

This site is a snowboarding business that sells skiing equipment. They have their logo set at the top of the page, right above the navigation bar (see figure 1).

Screen Shot 2017-03-19 at 1.34.50 PM

(figure 1) source: http://www.douksnow.com/#

Although it has a lot of options, the design is simple and easy to read. You can tell the difference between this site and Squarespace’s websites because it has the option to include a parallax feature, something that is trending today in design.

http://ctevents.biz/

This website also has the parallax on the top part of the homepage. However, what separates this website from the squarespace websites is the use of color. On Squarespace, there is only a select few colors you can choose from, whereas this user has decided to use different colors because of the whimsical theme of events such as circuses and escape artists. I can see why someone would choose weebly over squarespace in terms of what their business is. Clearly, Squarespace is better for portfolio purposes, whereas weebly can provide for all sorts of businesses and people.

 

Best Squarespace Sites

image: pexels.com

After learning that Squarespace has a lot to offer for businesses that want to create a website, I decided to find the best examples out there of a well designed Squarespace. I have experience in this website builder because I had to do several projects in the past that required re-designing a business’s website according to design elements like contrast, repetition, alignment, proximity as well as user-friendly design. Squarespace was the best option because it has 12 templates you can choose from and design from the ground up based on that template. However, I think that a negative aspect of this builder is that if you want to change the template, your content will disappear.

According to design-milk.com, these are two of the top ten websites that people have made using squarespace:

http://www.miguelcm.com/

This website has simple designs, with flat images, which we have learned how to do in our online design class. This website’s main goal is to be a portfolio of his illustrations, or his flat design images. It’s easy to navigate his site because of the navigation bar he has as well as the key words that lead the user to where they want to go. He clearly takes advantage of squarespace’s design tools because when you create a page you select from a box of different elements you can add to the page, and it’s just one easy click. From videos, slideshows to putting a product up for sale, it’s easy to make it look like the site was designed by a professional. The next thing you need to do is decide where it goes on the page according to columns. Based on what I know about Squarespace, I can tell that this designer knew how he wanted to lay out his artwork, in such a way that it’s easy for him and for us to enjoy.

 

http://www.sam-cannon.com/

Going through all of these sites, there is a clear theme that using Squarespace for showcasing artwork is the most popular. This website is similar to the last in that she is using the space on the page to show her art. However, it is clear that the theme/template is much different because of the size of the images as well as the white space around them. Her front page is a continuous, ongoing grid switching back and forth from two to one column of her art. This is a simplistic style and a clever way to show her art because it speaks for itself. All she needs at the top of her page is a “about” and “news” page. Although, I would have liked to see a “contact” page.