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.
US$2,199 Gold package
Every design category has flexible pricing for all budgets. Web page design starts at £469.
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!
I give Sharv my highest recommendation. I started with a very basic idea of what I wanted my website to look like. Sharv stood out from the crowd by sending a great variety of different looks in the first round, and then every following revision only got better than the last. He was able to take my rudimentary, web design-illiterate feedback and turn it into a website that I'm proud to say we built together. Do yourself a favor and hire Sharv immediately, you won't regret it!
Along the way, they met lots of talented designers…
We think contests are a super fun way to get design.
Recently completed contests:
WHAT OUR WEBSITE DOES: Clarence is a SAAS tool, providing lead generation through LinkedIn. Clarence sends 50 pers
Hunchly is an online evidence collection tool. Primary audience is law enforcement and private investigations firms. Sec
We teach new and experienced real estate investors proven systems to help them explode their business.
We are a blockchain infrastructure company that helps power the World's top crypto projects. Our target audience is any
We are a digital marketing agency that focuses on helping small professional service businesses grow.
My current website is mm.com.sg (lets call it MM) We run a successful digital marketing agency in Singapore Our main off
Our target audience is SEO consultants and owners of digital marketing agencies.