Extend a set of flat HTML website templates

32.0 GBP

32.0 GBP peopleperhour Design Overseas
371 days ago

Description

Brief
This brief is for the design and front-end build of some additional web page templates.
The work entails extending a flat HTML website template (link provided on request) for a non-profit radio station website. As it stands, the template does not include all the necessary layouts which a radio station needs.
Specifically, some additional page layouts are required:• Programme schedule as a week-to-view calendar style or by day, as currently but list style rather than cardso Also: Adaption of the Schedule block on the homepage
• Music chart/Hot 100 chart listing page
• Wide (full width) page optimised for text-heavy content, for example T&Cs, privacy policy.
• News headlines/Current Affairs/Weather section index and article pages
• Playlist page listing the top songs currently on the radio station’s playlist (this is not like a Spotify playlist which a user chooses)
• Artists A-Z page (also useful for A-Z of presenters/ A-Z of events
• There are some page transitions and pre-loaders which need to be removed from the existing template.
To assist with understanding the scope of each of these pages, there are example URLs from other websites. Please ask for the list.
The existing template bundle will be provided as a set of front-end files (HTML/JS/CSS plus images) – there are no master PSDs, Figmas or other design files.
Your task will be to design the additional pages and build out the new flat HTML templates using clean, well-written, well-tested markup. The design of the new templates will be expected to adopt a similar visual style so that they remain in keeping with the broader website design.
Some points to note• This is not a Wordpress project• This is a front-end project only – for design and the creation of HTML template files• You are not required to integrate the files into any CMS• The markup should adopt a similar style to the existing flat templates• You should not expect to make use of Wordpress plugins to render the front end. These are bootstrap templates so any JS libraries should be compatible.
It would be helpful if you are based in a location where English is widely spoken and ideally in a timezone close to GMT (eg. CET)
Further details are available on request. Would prefer to work on a fixed price basis but open to hourly basis too.

关注公众号,不定期副业成功案例分享
Follow WeChat

Success story sharing

Want to stay one step ahead of the latest teleworks?

Subscribe Now

Similar Teleworks

Here is your full brief, reformatted with all icon descriptions included — in plain text, without emojis or stylisation, and suitable for handing to a designer or developer: ⸻ Project Title Design a Personal A4 Daily Tracker Journal Page for Behavioural & Lifestyle Logging ⸻ Overview Create a printable A4 journal page to manually track daily behaviours across five domains: physical activity, habit compliance, food structure, professional focus, and behavioural risk triggers. The layout must be: • Visually clean • Intuitive to fill by hand • Clearly grouped by category • Used for daily printed logging ⸻ Page Design Requirements Format: • A4 portrait • Printable in black and white or soft contrast tones • Each item represented by a tickable circle • Use iconography or layout grouping to separate sections clearly ⸻ Categories and Icons Energy Tracking • Deficit (4 circles): 250 / 500 / 750 / 1000 kcal • Active burn (6 circles): 250 / 400 / 500 / 750 / 1000 / 1250+ kcal • Key targets (1000 kcal deficit and 500 kcal burn) should be slightly larger or visually emphasised No icons are needed for these; the numbers serve as the visual cues. ⸻ Workouts Each has one circle and a symbolic line icon: • Upper body: Outline of a flexed arm showing bicep • Lower body: Person in a squat position, seen side-on or front-on • Accessory session: Stylised hourglass torso or curved waist • Gym run: Side view of a treadmill • Outdoor run: Figure running along a wavy path (e.g. canal or trail line) • Spin: Simplified silhouette of a spin bike (handlebars visible) • Walk 30 / Walk 60: Walking person icon, with “30” or “60” beside or within the circle • Swim: Front crawl swimmer with wave lines, or stylised pool lane ⸻ Body Habits Each habit has one circle and a line icon: • Supplements: Two pills — one round, one capsule • Physio: Standing person stretching with arms overhead • Retainer: Outline of a dental arch or mouthguard shape • AM skincare: Rising sun with short rays • SPF: Small bottle with “SPF” label or a sun above it • PM skincare: Crescent moon or setting sun on horizon • Spearmint tea: Teacup with light steam or mint leaf • Sugar: Pyramid of granules or cube stack — marked as a red or warning icon • Beer: Pint glass with foam — marked as a red or warning icon • Protein intake: Tickable circles at 25 / 50 / 75 / 100 / 110 / 125+ g • Eating slowly: Plate with small bite marks or fork and knife spaced apart • Dry brushing: Oval brush with short outward lines to show bristles ⸻ Wellbeing Habits Each habit has one circle and a symbolic icon: • Breathing: Profile face with short lines indicating exhalation • Make bed: Simplified made bed with pillow and duvet lines • Bank check: Pound sign or stack of coins • Post check: Envelope with pointed flap • Mantra: Open book with a few wavy text lines • Music: Quaver or musical note • Fluoxetine: Small capsule or round pill marked with “F” (if labelled) • Propranolol: Small capsule or pill marked with “P” (if labelled) ⸻ ADHD Executive Function Each habit has one circle and icon: • Toilet: Side view of a toilet bowl • Water: Glass half full • Grounding: Pair of bare feet side-by-side • Carry: Open hand or palm symbol • Planned tomorrow’s priorities: Stacked checklist icon or clipboard • Top tasks (1–5): Numbered boxes (1 to 5) or blank task lines beside circled numbers ⸻ Optional Activities (Happy Habits) Each has one circle and a line icon: • Yoga: Seated person in lotus pose • Sauna: Bench or box with rising heat waves • Jacuzzi: Round tub with water and upward bubble lines • Reading: Open book with cornered pages • Time with friend: Two standing human figures side by side • Time with family: Stylised family of three — adult and two children or one adult, one child • Theatre: Pair of theatre masks (comedy/tragedy) • Writing: Hand holding a pen or pencil above a notepad ⸻ Professional Focus Each has one circle and a symbol. One item is required for a “green day”: • Time block usage: Clock face or bar chart symbol • Published something: Sheet of paper or document symbol • Expressed an idea: Speech bubble • Booked a meeting: Calendar or diary page with tick • Was asked to speak: Microphone on stand • Was approached about a job: Briefcase with subtle shine or star • Delivered a talk or meeting: Person standing at podium or presentation screen ⸻ Distraction Triggers Each has one circle. These are placed at the bottom of the page and are counted as negative ticks: • Flat issues: Stylised Victorian terrace house or building silhouette • Legal: Scales of justice • Dating: Outline of a heart • Holidays: Simple triangular tent • Weight: Mechanical scale with round dial • Email overload: Overfilled envelope with small stacks or lines ⸻ Style Guidelines • Icons must be functional, clean, and outline-based • Sections should be grouped intuitively, with clear labelling •
88.0 GBP Design peopleperhour Overseas
1 days ago