H33P got their new web page design by running a design contest:
Create stunning website for a digital growth agency
Check out H33P's Web page design contest…
We are heep - a best of breed growth agency focused on pragmatic, customer-centric, data-driven, proven digital marketing and business development. As former entrepreneurs, digital executives and marketing managers our mission is to fulfill for our clients something that was never fulfilled for us when we sat in their spot. Our methodology is based on the mix of lean and agile principles and our brand promise is always the same ”Your growth is our focus" - Create the biggest growth to the least cost and complexity for our clients. No fluff, no b-s*it, no selling - just solutions to help them accelerate growth. We don’t choose clients based on coolness of brand or size of budget, but on ambition, that the conditions for success is there, and making sure we can have -fun- together. Among our clients you will find everything from start-up ideas scribbled on a piece of paper, to some of the worlds largest fortune-50 companies.
Dark background: #1E253A (with or without background image with opacity) Light background: #FFFFFF or #F9F9F9 Lighter blue: #252E49 Yellow (accent, never as background) #FDE000) Font color: White, black Heading font: Raleway regular+bold (bold words that should stand out, always in caps) Body font: Opensans (bold sentences that should stand out) CTA button: Round and yellow FDE000 with black font in caps Imagery: Use epic/grand imagery in backgrounds only (with opacity), avoid photos overall, and never use "stocky" photos, especially not on people. Icons: Use icons with caution. If used at all, keep them simple, non-cluttery and clean Tone of voice: We are human, informal and honest on one hand, and bold, skilled and professional on the other side. Important not to overdo any of the sides, but rather to find a good balance. Do not create too dark designs. Other input: We like to divide the content with clear color blocks (alternating light vs. dark). We also like the blocks to be slightly angled/tilted to avoid straight lines - important to not overdo it though, just a slight angle please (1,3° looks good). - Keep it clean - Make it readable and clear - Do not make it too dark, more light than dark - Use the yellow with caution, use primary for call to action - Keep mobile in mind, make sure that elements stack properly in mobile Update: Attached is a merge (ugly, we know) of the best elements provided this far. Below is detailed instructions for each element. We will continue to update this, so make sure to stay updated. We will notify you in direct messages. 1. First screen We want to create a clear, inspiring and balanced first impression. The use of round meny-icon ex. Background can be found here - https://i.imgur.com/2rNSqXG.jpg. Feel free to position the pitch "THE GROWTH FOCUSED AGENCY" below the logo if you wish. 2. Intro text + video We have a story to tell, make sure we have enough room. We have also added a short founder greetings video which we have included in the brief. 3. The difference (updated model) We want to clarify that we are not "yet another agency" only focused on tasks, but on growth (company success). We have combined skills from marketing, innovation, technology and management to do so. This model is NOT designed/done, but should instead work as inspiration for you. 4. The offer None has still not sent a design that is good. We believe that we should work with 6 boxes describing the 5 offers we have (execution, management, teams, technology and education) and a call to action in the sixth box getting people to contact us for a free growth audit. PS. Do -not- include full description of each service on frontpage, only an excerp. Full description will be on our offer page. 5. The results We very much like this design proposed by one of the designers. We -do not- want to describe each case in detail here, but instead want to trigger people to go to the case page to read more. This is why we only have the +xyz in the boxes. 6. The tech partners Our technology partners are important to us (google, facebook, mixpanel, hotjar, sitegainer etc) and this design is looking great. We although would like to use round circles instead of hexagon shapes. 7. The happy clients This part of about soft, emotional trust. We want other clients to see that our clients enjoy us. Make sure to put emphasis on the story/testimonial. We think that this design is good, but not perfect. Please feel free to improve. 8. Call to actions We like how this design make the CTA-box appear as "cards" coming up from the footer. It is good, but not perfect. Please also remove icons. 9. The footer We have not yet seen the perfect footer, but this is pretty easy to do so we will not put emphasis on this at this time. ##Update 2 Attached is a LOFI-wireframe of the case page. We welcome some creativity, but please stick to the collapse-expanded we have decided. The purpose of the case page is to clearly visualize the width of projects (from brand clients to performance e-commerce to B2B and non-profit), which is why we want to use a "collapsed" look showcasing many cases at once. Users can then click to expand every case to read more. ##Update 3 Time for the next page type - Our Offer (99d-ouroffer.png below) As with the case page the wireframe for our offer is lofi but we are certain of the general disposition. The first offer block (EXECUTION) contains a text box of benefits, we want to use that on every block to describe our deliverables in each area. Please remember to use CAPS in the headings.
In the attached wireframes you will find the over all content disposition. It's a rough draft and we look forward to see your take on it. The mockup (Mockup | Desktop | The Startpage.png) is taken one step further and includes a little more detail. Everything is drawn with mobile in mind and we see that the content works great in a responsive design where the objets stack on each other. We want the design for both desktop and mobile. Startpage - Header - Row with client logos - Text block - How we differentiate us (the model) - Our offer (Execution, Management, Growth Teams, Technology, Education) - Results/Mini cases - Technology partners - Testimonials / happy clients - Hire us / Get hired - Footer The Difference - Header - Blocks describing how we differentiate us by listning word X in the left column and our take on it as word Y in the right - CTA - Footer The Offer - Header - Growth Management, Growth Execution, Growth Technology, Growth Education - CTA - Cases - Footer The Cases - Header - We are not sure here but in the wireframes we build it as a collapsed and expanded version, work from that - CTA - Footer About us - Text block - Hire us/get hired
What to avoid
Too much yellow, to "screamy", "over-designed", clutter, stock photos.
Delivery: We want the final delivery in PSD-files Attached images: heep-hexagon-black.png heep-hexagon-white.png logo-heep-black.png logo-heep-white.png Mockup | Desktop | The Startpage.png Wireframe | Desktop | About us.png Wireframe | Desktop | The Cases (expanded).png Wireframe | Desktop | The Cases (folded).png Wireframe | Desktop | The Difference.png Wireframe | Desktop | The Offer.png Wireframe | Mobile | The Startpage.png Growth execution - As clients struggle to identify and execute on the most important opportunities, our growth execution teams has mastered the science of creating big impact - fast. With a mix of in-depth specialist (performance, creativity, content, data/analytics, UX/Conversion, retention/loyalty and more) and holistic growth hackers we help ambitious companies to achieve more with less money and in less time. All made possible by our own highly efficient growth model. Growth Management - As trusted advisors we help our clients to create and set the strategic direction. Services ranging from go-to-market strategy, building the digital organization, change management, digital process development to strategies for rapid testing and continuous development. Growth Teams - TBA, please populate with dummy text. Growth technology - In a world where the distance between the normal and the great keep increasing, technology is a vital factor to achieve growth. ”Hand made”in marketing and business is no more enough, and without automation and smart technology companies will find themselves outrun by the competition, We help our clients to identify, procure and implement the best mix of technology to accelerate growth and profits. Growth education - As an new generation agency, we don’t try to create a ”locked in” silo of skills that the client will depend upon. Instead we see the need of great people on the client side as well - Growth isn’t stronger than the weakest link. In our academy, we help ambitious companies to educate and train their ambitious people in the art of growth - from strategy, to mindset, to tactics.
Every design category has flexible pricing for all budgets. Web page design starts at €549.
Full copyright with production-ready files for digital and/or print.
It all began with a design brief.
A quick, interactive guide helped them understand their design style and captured exactly what they needed in their web page design.
Designers across the globe delivered design magic.
H33P collaborated with designers to refine their ideas
When design entries come in, you can rate them so designers know what you’re looking for in your logo design.
99designs has great collaboration tools so you can pinpoint and capture your ideas
And then… they selected a winner!
Along the way, they met lots of talented designers…
We think contests are a super fun way to get design.
Recently completed contests:
Duo Planet is a website for lovers of Duolingo and language learning. Tips, strategies and insights to help language lea
Free Personalized Online Auction Management Software that focuses on Non-Profit Charity Auctions Most of our customers
we are a DIGITAL MARKETING AND GROWTH COMPANY for Health Care Practices and Businesses and we deliver new patients and c
deXee is a Passion Exploration Platform (open work in progress is Live: https://deXee.io ). Indexing the web of passi
We will feature the most accurate coupons and promo codes from offline and online companies.
We run APP based Job matching plat form for Blue Color Foreigner living in Japan. Our Web site (www,workjapan.jp) provi
Implisense ist ein B2B-Anbieter von Firmeninformationen im deutschen Raum. Gewerbliche Kunden können Zugänge zu diesen F
This project concerns designing an entirely new customer relationship management software (CRM) for moving and storage c
We are a custom software development agency focusing on building startups. Our team is diverse, and diversity and inclus