top of page

Case Study: Cateye Cafe

Updated: Jan 9, 2020


Cateye Cafe is a breakfast and lunch eatery that had a minimal and uninspiring website. I redesigned this restaurant's website and implemented it on the WIX platform both to learn and demonstrate my WIX proficiency and to demonstrate my design skills.

Besides creating a more engaging and stylish website, I also added a major new feature — online ordering. Which allowed me to hone my proficiency with WIX's restaurant functionality.

This project is a great example of redesigning a simple outdated website. I've written a case study of this project in case you want to learn about the redesign process and rationale.

serves as a great case study in redesigning an existing website. If you want to learn more the redesign process read the case study I wrote about it.. It shows before and after pictures of the sites pages and describes the rationale for all the changes I made.


The Existing Website


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a.


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a.


The New Website


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a.


New Feature - Order Online


Suspendisse ac posuere sapien. Fusce dapibus imperdiet lacus, in posuere quam pretium vitae. Aliquam ante sapien, auctor vitae dictum ac, efficitur nec augue. Donec felis orci, iaculis id ex quis, laoreet pretium purus. Integer venenatis felis libero, ut tempor nisi efficitur et. Proin at scelerisque magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et vehicula lorem. Nam finibus libero felis, id suscipit nunc maximus vitae.


The Redesign Analysis


Suspendisse ac posuere sapien. Fusce dapibus imperdiet lacus, in posuere quam pretium vitae. Aliquam ante sapien, auctor vitae dictum ac, efficitur nec augue. Donec felis orci, iaculis id ex quis, laoreet pretium purus. Integer venenatis felis libero, ut tempor nisi efficitur et. Proin at scelerisque magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et vehicula lorem. Nam finibus libero felis, id suscipit nunc maximus vitae.

 

The Home Page


The purpose of a home page should be to briefly communicate key information, features and benefits about your business. In the case of a restaurant, key information is the address and hours and the key features and benefits are the food and the atmosphere.


Note that I said "briefly communicate." The home page is no place to go into all the details - that would likely compromise the clarity of the message. The home page is for the "elevator pitch" that gets people excited and sells what you have to offer. In the case of a restaurant, first and foremost this means you want to show off the great food! And secondly, the atmosphere is that's a selling point. And in this case, the atmosphere is definitely a selling point - people love the cozy casual ambiance of the cafe.


Before the Redesign


Below is a snapshot of the Cateye Cafe home page before the redesign (this is the live website because my redesign is a demo project). Click on the image to view it full-screen.


By the criteria just mentioned earlier, this home page falls short in a number of ways. Note a few things about this page. Number one, posts, manage comments, pin posts and more! Just click on the 3 dot icon ( ⠇) to see all the things you can do.


Did you know that you can blog right from your published website? After you publish your site, go to your website’s URL and login with your Wix account. There you can write and edit posts, manage comments, pin posts and more! Just click on the 3 dot icon ( ⠇) to see all the things you can do.


After the Redesign


Below is a snapshot of the Cateye Cafe redesigned home page. Click on the image to view it the entire page full-screen or view it live here.


Proin nec risus consectetur, fermentum turpis quis, aliquet lorem. Vestibulum lorem nibh, eleifend nec volutpat non, laoreet in ante. Nunc interdum quis nibh sed cursus. Nullam quis pulvinar ligula. Maecenas sed ultricies risus. Donec consequat fermentum aliquam. Proin tristique diam non nisi volutpat ultricies. Nunc tristique sem ut velit rutrum luctus. Cras et molestie turpis, eu varius massa. Duis imperdiet dui et arcu pharetra, et accumsan eros accumsan. Nunc in tortor vel lacus pulvinar commodo sed in ligula. Pellentesque convallis turpis sit amet nulla sodales ultrices. Quisque iaculis efficitur mauris vitae bibendum.


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a.


Suspendisse ac posuere sapien. Fusce dapibus imperdiet lacus, in posuere quam pretium vitae. Aliquam ante sapien, auctor vitae dictum ac, efficitur nec augue. Donec felis orci, iaculis id ex quis, laoreet pretium purus. Integer venenatis felis libero, ut tempor nisi efficitur et. Proin at scelerisque magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et vehicula lorem. Nam finibus libero felis, id suscipit nunc maximus vitae.


 

The "Breakfast Menu" Page


Below is a snapshot of the Cateye Cafe redesigned "find us" page. Click on the image to view it the page full-screen or view it live here.


Before the Redesign


The purpose of a "Find Us" page is proin nec risus consectetur, fermentum turpis quis, aliquet lorem. Vestibulum lorem nibh, eleifend nec volutpat non, laoreet in ante. Nunc


interdum quis nibh sed cursus. Nullam quis pulvinar ligula. Maecenas sed ultricies risus. Donec consequat fermentum aliquam. Proin tristique diam non nisi volutpat ultricies. Nunc tristique sem ut velit rutrum luctus. Cras et molestie turpis, eu varius massa. Duis imperdiet dui et arcu pharetra, et accumsan eros accumsan.


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a. Vestibulum interdum sit amet velit a sollicitudin. Suspendisse potenti.


After the Redesign


Nunc in tortor vel lacus pulvinar commodo sed in ligula. Pellentesque convallis turpis sit amet nulla sodales ultrices. Quisque iaculis efficitur mauris vitae bibendum.



Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a. Vestibulum interdum sit amet velit a sollicitudin. Suspendisse potenti.


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a. Vestibulum interdum sit amet velit a sollicitudin. Suspendisse potenti.


 

The "Lunch Menu" Page


Below is a snapshot of the Cateye Cafe redesigned "find us" page. Click on the image to view it the page full-screen or view it live here.


Before the Redesign


The purpose of a "Find Us" page is proin nec risus consectetur, fermentum turpis quis, aliquet lorem. Vestibulum lorem nibh, eleifend nec volutpat non, laoreet in ante. Nunc


interdum quis nibh sed cursus. Nullam quis pulvinar ligula. Maecenas sed ultricies risus. Donec consequat fermentum aliquam. Proin tristique diam non nisi volutpat ultricies. Nunc tristique sem ut velit rutrum luctus. Cras et molestie turpis, eu varius massa. Duis imperdiet dui et arcu pharetra, et accumsan eros accumsan.


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a. Vestibulum interdum sit amet velit a sollicitudin. Suspendisse potenti.


After the Redesign


Nunc in tortor vel lacus pulvinar commodo sed in ligula. Pellentesque convallis turpis sit amet nulla sodales ultrices. Quisque iaculis efficitur mauris vitae bibendum.


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a. Vestibulum interdum sit amet velit a sollicitudin. Suspendisse potenti.


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a. Vestibulum interdum sit amet velit a sollicitudin. Suspendisse potenti.








 

The "Find Us" Page


Below is a snapshot of the Cateye Cafe redesigned "find us" page. Click on the image to view it the page full-screen or view it live here.


Before the Redesign


The purpose of a "Find Us" page is proin nec risus consectetur, fermentum turpis quis, aliquet lorem. Vestibulum lorem nibh, eleifend nec volutpat non, laoreet in ante. Nunc


interdum quis nibh sed cursus. Nullam quis pulvinar ligula. Maecenas sed ultricies risus. Donec consequat fermentum aliquam. Proin tristique diam non nisi volutpat ultricies. Nunc tristique sem ut velit rutrum luctus. Cras et molestie turpis, eu varius massa. Duis imperdiet dui et arcu pharetra, et accumsan eros accumsan.


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a. Vestibulum interdum sit amet velit a sollicitudin. Suspendisse potenti.


After the Redesign


Nunc in tortor vel lacus pulvinar commodo sed in ligula. Pellentesque convallis turpis sit amet nulla sodales ultrices. Quisque iaculis efficitur mauris vitae bibendum.


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a. Vestibulum interdum sit amet velit a sollicitudin. Suspendisse potenti.











 

NEW! - The "Online Order" Page


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus.

Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a. Vestibulum interdum sit amet velit a sollicitudin. Suspendisse potenti.




















 

Conclusion


Quisque posuere tortor velit, nec dapibus odio posuere a. Curabitur massa ipsum, pretium et erat in, convallis facilisis mi. Curabitur a pulvinar nulla. Cras imperdiet sapien erat, eget lobortis augue pellentesque ut. Maecenas iaculis mauris placerat neque ornare finibus. Proin porttitor, nibh in iaculis consequat, lectus elit imperdiet lorem, non bibendum neque massa eleifend orci. Cras placerat aliquam ex, et molestie tellus vestibulum a. Vestibulum interdum sit amet velit a sollicitudin. Suspendisse potenti.





Jeff

105 views

Recent Posts

See All
jeff_makeover4 (333x478).png
website-on-many-devices2.png
bottom of page