Food and beverage · Food brand
A website that promotes a food brand during the pre-launch phase, with interactive animations
Project summary
- Industry
- Food and beverage
- Company size
- Food brand
- Services
The problem
A food brand needed a promotional website for the pre-launch phase. The plan was a website with interactive animations built with the sprite technique: image frames shown in sequence to create movement.
What was agreed
- Prioritized scope
- The brand's promotional pre-launch website, in two parts: the website itself, built with HTML and JavaScript, and the interactive animations it shows, made with the sprite technique.
What was delivered
A promotional website for the brand's pre-launch, with interactive animations that respond to the visitor.
Who it’s for
The website was made for a food brand, during the pre-launch phase, and for anyone who visited the page in that period.
How it works
With the sprite technique, the code shows the image frames of a movement one at a time, in sequence; the quick switch between them creates the illusion of animation.
The technology, in plain words
- HTML: the language that organizes the content of a web page, such as text, images and buttons; it is the base of the website.
- JavaScript: the programming language of the web, which gives pages behavior in the browser and also runs on servers; it was used with HTML to build the website and its interactive animations.
How it went
Assessment
At the start
An initial conversation to understand the client's request and problem.
Discovery Sprint
Before building
The problem was understood and the scope defined.
Development
In 2016
Built in incremental releases throughout the project, not all at the end.
Support and continuous improvement
After going live
The website then moved into support and maintenance.
Technical details
Technologies used in this project
- HTML
- JavaScript
More case studies
Official website with content management so a food brand can show its company and product information
The problemA food brand needed an official website and a content management system (CMS) to manage it. The site had to present two kinds of content: company content, about the brand, and product content.Services:Web applicationsRead the case study
A court's homepage redesigned to modernize its portal and make news easier to publish
The problemA court wanted to modernize the interface of its main portal, and the work focused on the homepage, with a new look (rebranding) and a new structure. The court also needed to make managing and publishing its institutional news easier.Services:Web applicationsRead the case study