TBT_Design Deck

Page 1


research

July 27th, 2023

Design
Presented by Rafael Hinestroza Escobar
Bogotá, Colombia.

This document wants to display ideas that could be relevant to improve Tabit’s current website, based on the research made through the brand’s competitor websites.

Some of these findings led to the conception of the semi-functional prototype that can be navigated by clicking on the following link:

Open landing page proposal

Briefing research: 
 Key points

Challenges Achievements Competitors overview Tabit’s general website overview Possible visual references

Briefing research

Key points about

Comprises

different products ranging from: 
 mobile point of sales to self-ordering kiosks, online ordering, kitchen display systems, reservation systems, rugged back office, BI solutions for multi-location units.

MIDDLE-EAST to hand written ordering tickets. for the customers. Not the contrary. their partners’ culture. of the industry by helping them to embrace innovation.

It benefits young servers
More key points about 80% server-table

interactions will increase, making their lives easier. and intuitive UI; total ease of use. They won’t depend on cluttered and obsolete technologies anymore.

Seamless platform

Challenges to face

resignation

of human labor.

on products and services related to the industry.

Inflation rates The need

of being a Data-driven solution.

Achievements

Servers make up to 30 - 35% more in tips, benefitting restaurants to keep top talent which translates into employee satisfaction.

In taking/placing orders. the per-person average check; host more people per-server. to save money by reducing the number of people (servers) needed to run the floor by 25%.

Competitors

General overview in terms of website design, UI/UX,
 basic accessibility, and branding.

Allows the user to choose their location

Information architecture is clear, and navigation feels intuitive

Page layout is well structured, responsive, and it’s visual appearance conveys modernity and friendliness

The site complies with accessibility and usability standards: can be u ed with keyboard, ha a proper color contra t and te t hierarchy, con i tent icono raphy and color cheme, ima e with alt te t; emantic html code output

Fast page loading speed

It has a good balance between static and interactive content Brand is consistent across SM platforms

It puts emphasis on the amount of impacted businesses.

Information architecture is clear, and navigation feels intuitive

Page layout is well structured, responsive, and it’s visual appearance conveys formality and simplicity

The site complies with accessibility and usability standards: can be u ed with keyboard, ha a proper color contra t and te t hierarchy, con i tent icono raphy and color cheme, ima e contain alt te t; emantic html code output

Fast page loading speed

Good balance between static and interactive medi Social media Icons should open in new tabs

It puts emphasis on the amount of impacted businesses.

Information architecture is clear, and navigation feels intuitive

Page layout is well structured, and it’s visual appearance conveys formality

The site complies with some accessibility and usability standards: can be u ed with keyboard e ceptin the main menu and ome ection , ha a proper color contra t and te t hierarchy, con i tent icono raphy and color cheme, ima e with alt te t; emantic html code output

Fast page loading speed

Good balance between static and interactive media

Puts emphasis on blog content right from the home page

Brand color and lo o are very imilar to Tabit’ .

Infor ation architecture is clear, and navigation feels intuitive

Page layout is well structured and responsive; it’s visual appearance conveys odernity and friendliness towards young entrepreneurs

The site co plies with accessibility and usability standards: can be used with keyboard, has a proper color contrast and te t hierarchy, consistent icono raphy and color scheme; semantic html code output

I ages don’t contain alt text

Fast page loading speed

Good balance between static and interactive edia Brand is consistent across SM platfor s.

Infor ation architecture is clear, and navigation feels intuitive

Page layout is well structured, responsive, and it’s visual appearance conveys for ality and si plicity

The site co plies with accessibility and usability standards: can be used with keyboard, has a proper color contrast and te t hierarchy, consistent color scheme, ima es contain alt te t; semantic html code output

Fast page loading speed

Main enu can’t be operated with keyboard

Good balance between i ages and text

Social edia links should display Icons, and should open in new tabs

Puts great e phasis on blog content right fro the ho e page Brand is consistent across SM platfor s.

Infor ation architecture is clear, and navigation feels intuitive

Page layout is well structured. It’s visual appearance looks dated and could ake a better use of i ages and typography

The site co plies with so e accessibility and usability standards: can be used partially with keyboard, has a proper color contrast and text hierarchy, consistent color sche e, so e i ages contain alt text; se antic ht code output

Main enu can’t be operated with keyboard

Fast page loading speed

Has a podcast page

Brand is consistent across SM platfor s.

In conclusion, most websites analyzed share a similar page structure across some sections and internal pages, which seems to be the trend for these types of businesses. Their code is well structured; content offers an adequate user experience, so they rank well in Google searches.

Key point

All websites are m bile- riendly and rank well in search engines

Each brand’s visual language is c nsistent acr ss websites & s cial media plat rms

S me websites have unique IP addresses and thers c ntain multiple addresses. IP addresses d n t impact SEO

S me websites like Lightyear’s sh w their cr ss-plat rm c mpatibility up r nt, which benefits their credibility be re their user [and p tential] cust mer base.

Source to obtain IP addresses:

https://www.nslookup.io/domains/revelsystems.com/webservers/

Recommendations

Tabit’s website ranks well in Google’s Search Engine; it has the potential to propel its user experience in terms of design and content because they outmatch the competition in terms of customer support.

Put more emphasis on usabi ity by a o ing the main menu to be navigated by keyboard.

Produce more audiovisua content if possib e. Tabit’s ebsite is the on y one disp aying video as a background among its competitors, hich is positive for user engagement.

Layout cou d be a bit more seam ess hi e respecting the actua structure. (See landing page p p sal Some inks do not disp ay images or content at a , for examp e: Accessibility Statement | Te ms f use

Part of the “dated” aspects of Tabit’s ebsite can be improved just by t eaking some e ements such as icons, images, typography and form designs through CSS; un ess it is imperative to rebui d the ho e site

The CTA “Book a demo” shou d be visib e at a times in responsive mode, ike is featured in Toast’s ebsite. Improve margin breakout in some sections of the home page hen content is disp ayed on arger screens

A c ient ogin ink as inc uded in the anding page prototype.

Visual references

The following screen captures feature a couple of ‘moldbreaking’ websites which I personally think are outstanding in terms of design and user experience; something I’d aspire to make with my fellow teammates in the future. If possible.

*Access the websites by clicking on each image.

https://exxeta.com/

https://www.next125.com/en/

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.