El Coyote Mexican Restaurant

Web Design & Development

El Coyote Mexican Restaurant

El Coyote is a small Mexican restaurant based in Alsip, Illinois. The restaurant has been in business for over 15 years and is quite popular with the locals. Not only does El Coyote serve delicious authentic Mexican cuisine, they also provide catering and taco cart parties called Taquizas.

The objective of this project was to design and develop a responsive website and to establish a branding guideline. Before the project began, extensive research was done to find the right color palette, themes, and layout that best represented El Coyote as a whole. The initial drafts detailed the structure of the website for mobile and desktop platforms. One of the main challenges was coming up with a solution for prolonged scrolling on the menu page. This was solved by creating buttons that, once clicked, auto-scrolled to selected sections of the menu, which made it easier to navigate the page.

Once the layout, colors, and content were finalized, all assets from the drafts were embedded into the website. Smooth transitions were part of the button auto-scroll feature to make the experience more seamless and enjoyable to the viewer. The website is fully responsive and viewable on all devices such as smart phones, tablets, laptops, and desktops.

VIEW SITE

First Draft

First Draft 1
First Draft 2
First Draft 3
First Draft 4

Second Draft

Second Draft 1
Second Draft 2
Second Draft 3
Second Draft 4
Second Draft 5
Second Draft 6
Second Draft 7
Second Draft 8
Second Draft 9

Final Draft - Colorized

Final Draft 1
Final Draft 2
Final Draft 3
Final Draft 4
Final Draft 5
Final Draft 6
Final Draft 7
Final Draft 8
Final Draft 9

Finished Webiste - Mobile, Tablet, and Desktop

Finished Site 1
Finished Site 2
Finished Site 3
ALT TAG
Finished Site 5
Finished Site 6
Finished Site 7
Finished Site 8
Finished Site 9
Finished Site 10
Finished Site 11
Finished Site 12

SEND ME A MESSAGE

  • There were some problems with your form submission:

Thanks for the message! I'll get back to you as soon as possible.

* indicates a required field